Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 25, 2017 at 11:25 pm #829849
    FWiris

    Good evening,

    I have 4 questions:

    On my mobile versions of my website there is a red line on top of the top photo on every page. Do you know why this block/line is there and how I can delete this?

    And the other questions are about the widgets on the website. I have 4 colomns on the bottom of my website (footer) with 4 widgets. On the mobile version these 4 widgets are shown under each other, which is perfect. Except for the Home Page. On the home page on the mobile version, the widgets are next to each other, which means they are way too small to read. And it doesn’t look nice.
    Do you know how I can make this footer on the Home Page look the same as the other pages on the mobile version?

    This footer is also different on the laptop/desktop version. The size of the letters is much smaller on the Home Page than on all the other pages.

    The other question is about the Instagram posts in the footer. I want the fonts to be in a white color in the footer, but the block under the last 6 instagram posts is also white. It says “follow us” here, but you can’t read white on white. I don’t want to change the color of the fonts. Can I change the color of this white block under the 6 instagram photo’s?

    Thank you so much!

    Best regards,
    Iris

    July 27, 2017 at 10:11 am #830557
    John Torvik

    Hey FWiris,

    Please, may you provide to us your website link and the WP and FTP credentials?

    Best regards,
    John Torvik

    July 27, 2017 at 12:01 pm #830591
    FWiris
    This reply has been marked as private.
    August 1, 2017 at 11:30 am #832767
    Ismael

    Hi,

    Thank you for the update.

    1.) Did you install a mega menu plugin? That line is the wpmegamenu container.

    @media screen and (max-width: 990px) {
    .wp-megamenu-main-wrapper.wpmm-ctheme-wrapper.wpmega-default-theme .wpmegamenu-toggle {
       display: none !important;
    }
}

    2.) Please edit the home page then make sure that all element or set of elements are wrapped in their own color sections.

    3.) The layout is broken because the footer container is outside the main container. Our suggestion above should fix it.

    4.) Yes, it’s possible. Please use the following css code.

    .av-instagram-follow {
    background: blue;
}

    Best regards,
    Ismael

    August 12, 2017 at 4:07 pm #837936
    FWiris

    Dear Ismael,

    Thank you for your reply.

    Can you tell me where I add the:
    @media screen and (max-width: 990px) {
    .wp-megamenu-main-wrapper.wpmm-ctheme-wrapper.wpmega-default-theme .wpmegamenu-toggle {
    display: none !important;
    }
    }

    I have tried quite a few places, but nothing changed.

    Thanks again!

    Best regards,
    Iris

    August 13, 2017 at 7:06 am #838152
    Rikard

    Hi Iris,

    Please try it at the bottom of the Quick CSS box under Enfold->General Styling.

    Best regards,
    Rikard

    August 13, 2017 at 3:56 pm #838240
    FWiris

    Hi Rikard,

    Thank you!

    I have tried to add it to this spot before and I tried again now, but nothing changes.

    I think all element or set of elements are wrapped in their own color sections on the homepage. At least, I don’t see anything that isn’t in their own section.

    But the red line is still on the mobile version.

    Best regards,
    Iris

    August 13, 2017 at 5:15 pm #838265
    Mike

    Hi,
    I added this code in the General Styling > Quick CSS field:

    @media (max-width: 910px){
.wp-megamenu-main-wrapper.wpmm-ctheme-wrapper.wpmega-default-theme .wpmegamenu-toggle {
    background: transparent!important; }}

    It now doesn’t show, Please clear your cache :)

    Best regards,
    Mike

    August 14, 2017 at 8:01 pm #838920
    FWiris

    Thank you so much!
    I am very sorry to keep asking, but above your collegue said that my third question would have been fixed automatically now as well.

    The question was about the footer on my homepage. Somehow this footer is on the laptop version different than on the Main Page compared to all other pages (the font is really small). And on the mobile version this the footer is also very different on the Home Page than the footer on all other pages (all 4 colomns next to each other instead of under each other).

    The answer above of one of your collegues:
    3.) The layout is broken because the footer container is outside the main container. Our suggestion above should fix it.

    I don’t see anything strange that suggest the layout of the footer is broken and outside the main container. I don’t know how to change the main container of the footer,

    Is this still the problem? Because the other problems are resolved and this one isn’t fixed automatically.

    Thanks again!

    Best regards, Iris

    August 15, 2017 at 4:48 pm #839402
    Victoria

    Hi Iris,

    I think the suggestion above is referring to

    2.) Please edit the home page then make sure that all element or set of elements are wrapped in their own color sections.

    Also could you please enable the Advanced Layout Builder debug mode . Here is how to do it: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/

    Best regards,
    Victoria

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