Black Friday"
0
Go To Cart
Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
Go To Cart Total : 0 checkout
You are here: HomeForum
Welcome, Guest
Forgot your password? Forgot your username? Create an account
SmartAddons
Joomla - Members Only
Joomla Templates
SJ WorldNews

mobile css Vs your_css
(1 viewing) (1) Guest
Reply Topic
New Topic
  • Page:
  • 1

TOPIC: mobile css Vs your_css

mobile css Vs your_css 10 years, 11 months ago #15009

Hi

I added the code below for SJ Flatnews but the look is different on Mobile ..is there is a way to fix that ..I want to remove the margin between the Scroler and the Logo ..see PS

2- How can i hide module to not showing on Mobile or Tablet for the main page...
Thanks

3- I also need to have the big Title : Travel and Events showing on the left using the mobile like you can see it on Desktop


Please help

planetehaiti.com/planeteayitim/

.news-scroller .scroller-container {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
border-radius: 5px;
box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5);
display: block;
max-width: 100%!important;
min-width: 200px;
overflow: hidden;
padding: 5px;
position: relative;
height: !important;
margin-bottom: -87px!important;
}


Attachment margin.jpg not found
Last Edit: 10 years, 11 months ago by walkys. Reason: add more request
Reply Quote

Re: mobile css Vs your_css 10 years, 11 months ago #15075

Dear Walkys lemaine,

1. go to Module Manager: Module mod_sj_k2_scroller -> Image Options -> Height -> 375px

2.
- please refer to www.smartaddons.com/forum/352-sj-flat-news/15005-adding-another-position-beside-slide-show#15005
- then go to your_site\templates\sj_flatnews\layouts\main-right.xml and find:
<position class="span8" style="ytmod" type="modules">slide_show</position>
<position class="span4" style="ytmod" type="modules">position_new</position>


=>

<position class="span8" data-normal="span8 hidden" data-tablet="span8 hidden" data-stablet="span8 hidden" style="ytmod" type="modules">slide_show</position>
				<position class="span4" data-normal="span12" data-tablet="span12" data-stablet="span12" style="ytmod" type="modules">position_new</position>


3.go to your_site/templates/sj_flatnews/css/your_css.css and find:
div.mod-head {
    border-bottom: 0 solid !important;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-width: 1px;
    text-align: center;
    width: 572px;
}


=>

div.mod-head {
    border-bottom: 0 solid !important;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-width: 1px;
    text-align: center;
}


- find:
div.mod-head .title {
    border-top: 8px solid;
    font-size: 229%;
    line-height: 100%;
    margin-bottom: -18px;
    padding: 8px 0 0;
    text-transform: uppercase;
}


=>

div.mod-head .title {
    border-top: 8px solid;
    font-size: 229%;
    line-height: 100%;
    margin-bottom: -18px;
    padding: 8px 0 0;
    text-transform: uppercase;
    max-width: 572px;
}


Thanks!
Reply Quote
The following user(s) said Thank You: walkys
Reply Topic
New Topic
  • Page:
  • 1
SmartAddons
Joomla - Members Only
Joomla Templates
SJ WorldNews
Powered by Kunena
Time to create page: 0.21 seconds
Xtore Opencat Theme

Notification

Please find your issue via Suggested Posts before submitting your question. We have solved the most of issues and maybe your issue was solved before.
TigerHostings - WordPress Hosting Service
eMarket - Multipurpose MarketPlace OpenCart 4 Theme

Latest My Topics

No posts to display.

More Topics »

Love all our templates?

Join our membership clubs starting at $49 only for access to all of our templates

Join Now
Home Pricing
0
Go To Cart
Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
Go To Cart Total : 0 checkout
SearchSupport
Magento Themes Magento Extensions Free Magento Extensions Prestashop Themes Prestashop Modules Magento 2 Themes