trouble with mobile version

  • metil

    (@metil)


    9 years, 3 months ago

    my friends …
    i change size of header capture in single product and than after add .archive, all fine from PC but have trouble from mobile.
    after add .archive and code for custom code desktop i have problem from mobile version….
    web: http://shop.kdfeatured.com/
    check problem:
    https://cs540102.vk.me/c638116/v638116799/333b0/CVQZJ9jbkZ0.jpg
    https://pp.vk.me/c639623/v639623920/7116/Lj9cPFfPMTw.jpg
    i add it for Custom CSS for desktop:

    .single-product #page_caption.hasbg {
  height: 24.9vh;
}
.archive #page_caption.hasbg {
  height: 24.9vh;
}

    and add to mobile custom but it no work…:

    .single-product #bg_blurred,
.single-product #bg_regular {
  background-image:none !important;
}
.single-product #page_caption.hasbg {
  height: 39.3vh;
}
.single-product .top_bar.hasbg i, 
.single-product .top_bar.hasbg #mobile_nav_icon,
.single-product .top_bar.hasbg #menu_wrapper div .nav > li > a {
  color:#000 !important;
  border-color:#000
}

    @lorro , bro what i did wrong? =/
    may be .archivechange for something else? for only main shop and catalogue 🙁

    • This topic was modified 9 years, 3 months ago by metil.
Viewing 4 replies - 1 through 4 (of 4 total)
  • Peter Lawrenson

    (@lorro)

    9 years, 3 months ago

    I don’t know where mobile custom is. Maybe its specific to your theme.

    To get styles to take effect on mobile, you need to use media queries:

    /* responsive css for 640 or less */
@media only screen and (max-width:640) {
  .some-class {
    color:red;
  }
}
    Thread Starter metil

    (@metil)

    9 years, 3 months ago

    @lorro
    ye, specific, screen: https://pp.vk.me/c639623/v639623920/7146/VEKfHvB7xAs.jpg
    i need add it on custome code and after add special code for crop header?

    Thread Starter metil

    (@metil)

    9 years, 3 months ago

    @lorro
    can u help how i can add space before up menu and main content here?
    i find in elements from browser:

    <div id="page_content_wrapper">
    <div class="inner ">
    	<!-- Begin main content -->
    	<div class="inner_wrapper">
    		<div class="sidebar_content left_sidebar">

    and when add <br> before looks like i need.
    but how i can add it from custome code but only in Main shop and Product catalogue?
    br

    Peter Lawrenson

    (@lorro)

    9 years, 3 months ago

    Answered in the other thread.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘trouble with mobile version’ is closed to new replies.