Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • April 15, 2018 at 6:57 pm #942252
    silverpapee

    Hi,
    I am making a travel site and i am really happy with the desktop look but when I checked on my mobile I couldn’t sleep. Please let me know how to make the mobile version that looks similar to the desktop one? I tried to find some info but nothing went inside my thick brain.,

    Where ever i have updated pictures it looks really bad in a mobile version.

    I am shouting for the support!!

    • This topic was modified 7 years, 3 months ago by silverpapee.
    April 15, 2018 at 11:36 pm #942341
    Mike

    Hey silverpapee,
    I see the issue with your home page color section images, the best solution is to center the images for mobile, tablets & laptop devices.
    Please try this code in the General Styling > Quick CSS field:

    @media only screen and (max-width: 1150px) { 
#top.home #av_section_1,#top.home #av_section_2,#top.home #av_section_3,#top.home #av_section_4,#top.home #av_section_5,#top.home #av_section_6,#top.home #av_section_7 {
    background-position: top center!important; 
    background-size: cover!important; 
}
}

    On your contact page we can use this:

    #top.page-id-27 #av_section_1 {
    background-size: cover !important; 
}

    Best regards,
    Mike

    April 16, 2018 at 11:09 am #942500
    silverpapee

    Hi MIke, Thank you so much, it worked perfectly.

    I also have another question, How can i make slider that is in my homepage now to look smaller on height for the smaller screens?

    Your answer is highly appreciated!

    Once again, thank you so much!

    • This reply was modified 7 years, 3 months ago by silverpapee.
    April 16, 2018 at 11:12 am #942502
    silverpapee

    Hi Mike,
    I would like to have less height in smaller screens.

    • This reply was modified 7 years, 3 months ago by silverpapee.
    April 16, 2018 at 11:57 am #942527
    Mike

    Hi,
    I see you are using the full screen slider, I recommend creating a different slider for mobile screens such as the full width slider, easy slider, or perhaps the layerslider. Try creating a test page and testing out the different sliders with your mobile device. Once you find one you like we can help with adding it to your homepage and writing some css to show the sliders on the correct screen sizes.

    Best regards,
    Mike

    April 29, 2018 at 5:58 pm #948677
    silverpapee

    Thank you Mike It worked perfectly now.
    I need another favor, is there any simple way to create a menu like this https://www.heritagetours.com/destinations/? If you click destinations page, the pop up comes with all the Pages name, sub pages under the main page and picture on the side.

    April 29, 2018 at 6:53 pm #948690
    Mike

    Hi,
    That is a nice menu, and while they are using Enfold, it is a custom menu that would take some time to reverse engineer, perhaps if you contacted them they would be kind enough to share, it would be cool to see how they did it.

    Best regards,
    Mike

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