Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
You are here: HomeForum
Welcome, Guest

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

TOPIC: mobile css Vs your_css

mobile css Vs your_css 10 years, 4 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, 4 months ago by walkys. Reason: add more request

Re: mobile css Vs your_css 10 years, 4 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!
The following user(s) said Thank You: walkys
  • Page:
  • 1
Time to create page: 0.20 seconds

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.

Latest My Topics

No posts to display.

Love all our templates?

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

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