Sj Remoz - Free eCommerce Joomla Template for VirtueMart!
0
Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
You are here: HomeForum

We are here to serve :)

Our support team is currently online to solve your issues.

Our support team is currently offline

Our support heroes might not be around this hour. Please expect some delays.

Our support is available from

Monday - Friday 8am - 5:30pm GMT+7

Your time: 00:00:00
Our time: 00:00:00

Welcome, Guest

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

TOPIC: mobile css Vs your_css

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

Re: mobile css Vs your_css 5 years, 9 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.35 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.

Suggested Posts

(/)
Result not found!

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
Magento Themes Magento Extensions Free Magento Extensions Prestashop Themes Prestashop Modules Magento 2 Themes