Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • January 26, 2024 at 6:25 am #1432094
    bemodesign

    Color Section height 100% get cut off on Mobile View but looks right on desktop. I’m guessing it is because of the sticky top menu bar, but how do I fix this so it looks good on mobile view, without cutting off the button? Is there a way to raise it up a bit for mobile view?

    January 26, 2024 at 6:27 am #1432095
    bemodesign

    see mobile screenshot: https://drive.google.com/file/d/1vx-TS28Ugs84lO_RP96wWxHebCjRU9UQ/view?usp=sharing

    January 26, 2024 at 11:19 am #1432118
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.page-id-3230 .avia-builder-el-0.av-minimum-height-100:not(.av-slideshow-section) .container {
    height: 767px !important;
}
}

    Best regards,
    Rikard

    January 26, 2024 at 6:59 pm #1432173
    bemodesign

    Nothing changed. Any other options?

    Also, Is there a way to have the image behind the logo and Burger icon, like it is on desktop? That would solve the problem right them and move everything up. Just didn’t know if that was option for mobile.

    thanks

    January 27, 2024 at 1:24 pm #1432212
    Rikard

    Hi,

    It looks fine on my end now, please try checking in private browser window. Also make sure to clear the cache from your caching plugin, or deactivate it temporarily.

    Best regards,
    Rikard

    January 27, 2024 at 9:18 pm #1432237
    bemodesign

    I was asking if the to logo area can have the image behind it, instead of black, like the desktop has. Is that possible or does it have to have black bar? see screenshot top area: https://drive.google.com/file/d/1mur2XboO1ramxj6X8GRGIvIKUyLpeKj7/view?usp=sharing

    January 27, 2024 at 11:49 pm #1432245
    Mike

    Hi,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 989px){
.html_mobile_menu_tablet #top #wrap_all .av_header_transparency {
    background-color: transparent;
}
.responsive #top #main {
    margin-top: 0;
}
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    January 31, 2024 at 4:08 am #1432554
    bemodesign

    Great job! that worked. Last questions is if I can add a “GET STARTED” button in the top area with the Search icon, burger menu and logo. I know it is a lot, but if anyone can do it, you can. See example here: https://drive.google.com/file/d/17voyrfwvrnK9Upa0AHw3oaEdEQdkNgNX/view?usp=sharing

    • This reply was modified 9 months, 3 weeks ago by bemodesign.
    January 31, 2024 at 11:14 am #1432588
    Rikard

    Hi,

    You could add that button to a widget area in the header: https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area

    Best regards,
    Rikard

    February 1, 2024 at 7:59 am #1432678
    bemodesign

    After I added the code to move up the button to fit on homepage, it might have messed up the mobile view on this page, (link in private content). The image at the very top is cut off. Any idea on how to adjust the image so it shows more on this page? Just on mobile view. It looks perfect on desktop. Thanks man!

    February 1, 2024 at 10:48 am #1432700
    Rikard

    Hi,

    Thanks for the update, I can’t see a button in the header though? Could you post a screenshot highlighting the problem please?

    Best regards,
    Rikard

    February 1, 2024 at 8:03 pm #1432765
    bemodesign

    Not for the button, there is no button. It is for the height of top image on Mobile view for this page. I had to add a “blank” png on the left side, in order to show more of the top image photo.

    February 2, 2024 at 12:08 pm #1432817
    Rikard

    Hi,

    Thanks for the update, but I’m not sure I understand your intentions. Could you try to explain what you are looking to achieve a bit further, or post a screenshot highlighting it please?

    Best regards,
    Rikard

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