Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 10, 2015 at 1:16 pm #533192
    Wils1234

    Hi Support,

    I have attached an image showing how I would like the header displayed on the mobile.

    There are 4 things. Number 4; I would like a link.

    Thanks in adavnce.

    November 10, 2015 at 2:11 pm #533229
    Yigit

    Hi Wils1234!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 480px) {
#advanced_menu_toggle, #advanced_menu_hide {
    left: 0;
    right: auto;
}
.responsive #top .logo { 
float: right;
}
.responsive #top .cart_dropdown {
right: 0;
}}

    and add your button to your page using Advanced Layout Builder and choose to hide it on desktop by referring to this post – http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/

    Best regards,
    Yigit

    November 11, 2015 at 2:14 am #533813
    Wils1234

    Hi Yigit,

    Is there any way I can reduce the padding below and above “Free Worldwide Delivery” as seen on the mobile. Please see link attached. I have used a widget inside a colour section and hidden it from desktop.

    Thanks in adavnce.

    November 11, 2015 at 4:36 pm #534182
    Yigit

    Hey!

    It seems like you have chosen not to display header widget on mobile. Shall we mark the thread as resolved? :)

    Regards,
    Yigit

    November 11, 2015 at 6:30 pm #534306
    Wils1234

    Hi Yigit,

    No not quite yet.

    The header widget is being used for desktop only.

    For mobile only I have used a widget inside a colour section and hidden it from desktop.

    However, I would like to reduce the padding below and above the “Free Worldwide Delivery” as seen on the mobile.

    Please see image attached.

    Thanks in advance.

    November 12, 2015 at 12:40 am #534509
    Yigit

    Hey!

    Please add following code to Quick CSS 

    .home #av_section_1 .content {
    padding: 0;
    padding-top: 20px;
}
.home #av_section_1 .widget {
    margin: 0!important;
    padding: 0!important;
}
.home #av_section_1 {
    min-height: 60px;
}

    Regards,
    Yigit

    November 12, 2015 at 2:02 am #534526
    Wils1234

    Thanks Yigit. That´s done the job. Appreciate your team´s response and assistance.

    November 12, 2015 at 1:43 pm #534724
    Rikard

    Hi,

    Great, glad we could help :-)

    Thanks,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.