Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • February 24, 2016 at 5:53 pm #588549
    mcraig77

    Ahoy –

    Having a couple issues with the mobile version of my site, hoping you can help.

    – Anyway I can have the menu stick to the top when the user scrolls?
    – Anyway I can charge the background color of the mobile header?
    -Anyway I can center the logo in the mobile header and make it a tad bigger?
    – Anyway I can move the Girl Snap out of it logo in the top section (underneath it says Available on amazon) down a little on mobile? I need it so the header overlapping it.

    February 26, 2016 at 1:28 pm #589731
    Andy

    Hey mcraig77!

    Please open different tickets for different question.

    1.) refer to this solution: https://kriesi.at/support/topic/sticky-header-for-mobile/#post-276637
    2.) use this code in Quick CSS field:

    @media only screen and (max-width: 767px) {
.responsive #top .header_bg {
background-color: red;
}}

    3.) This code:

    @media only screen and (max-width: 767px) {
.responsive #top .logo {
margin-left: 90px;
}}

    Cheers!
    Andy

    February 26, 2016 at 10:13 pm #590037
    mcraig77

    Thank! Almost!

    1.Anyway to make it so I can see the “girl Snap out of text” right now it is being overlapped by the header?
    2. Any way to make the logo bigger?

    February 29, 2016 at 4:08 pm #590862
    Yigit

    Hi!

    Please add following code to Quick CSS 

    @media only screen and (max-width: 480px) {
.responsive .logo img { max-height: 100%; }
.responsive .logo { margin-left: 0 !important; }
.home #av_section_1 .content {
    padding-top: 190px;
}}

    Cheers!
    Yigit

    March 1, 2016 at 8:00 am #591394
    mcraig77

    Cool almost there!

    Anyway to reduce the space on the top of the header?

    Anyway to move the menu and logo button up?

    March 3, 2016 at 11:24 am #592559
    Vinay

    Hey!

    To make the mobile header look like the screenshot

    Please add the below css to Quick CSS

    @media only screen and (max-width: 767px) {
.responsive #top .logo {
     margin-left: 0px!important; 
}
.header_color .header_bg {
    min-height: 120px!important; 
}
.av-logo-container {
    top: -23px!important;
}
}

    Best regards,
    Vinay Kashyap

    March 3, 2016 at 7:38 pm #592851
    mcraig77

    Hmmm ok that wont work…

    When I add that css the header overlaps the “girl snap out of it text”

    Is there anyway to just keep the portions but move the logo and menu button up?

    Thanks for all the help! Learning a lot!

    March 3, 2016 at 8:51 pm #592916
    Vinay

    Hi!

    We are happy to help! please create a temporary user with ‘administrator’ role and share in private content with permission to deactivate all plugins and add custom code if necessary to help you resolve this issue.

    Regards,
    Vinay Kashyap

    March 4, 2016 at 7:59 am #593161
    mcraig77

    Thanks Vinay!

    Attached.

    March 4, 2016 at 4:09 pm #593315
    Vinay

    Hey!

    We are working on your ticket please wait while we update the results here soon.

    The final code we added in quick css is 

    /* Logo position*/
@media only screen and (max-width: 767px) {
.responsive .logo img {
    max-height: 80px!important;
}
.header_bg {
    min-height: 120px!important; 
}
.av-logo-container {
    top: -23px!important;
    width:100%!important;
}
.html_header_top.html_logo_center .logo {
    left: 0%!important;
    transform: none!important;
}
.responsive #top .logo {
    margin-left: 0px!important;
}
}

    please check the site now…

    Cheers!
    Vinay Kashyap

    • This reply was modified 8 years, 8 months ago by Vinay.
  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.