Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • January 20, 2019 at 10:50 pm #1056348
    smunksgaard

    Hi,

    Great theme. I love it!

    A few questions:
    1. Is it possible to add an image slider to the logo (+ main menu) area instead of a single logo image?
    2. How can I make the logo image stretch across the full logo area rather than be restricted to the 340px * 156px default size?

    Thanks.

    January 21, 2019 at 1:48 am #1056376
    Jordan Shannon

    Hey smunksgaard,

    For #1 are you looking to scroll throuh multiple logos?

    #2 can be done via css, but it may be require some editing of the header file itself to adjust the menu positioning.

    Best regards,
    Jordan Shannon

    January 21, 2019 at 9:46 am #1056496
    smunksgaard

    Hi Jordan,

    #1
    Yes, I would like to use a multi-image slider, as my slider-images contain the logo I would like to use.

    #2
    Could I perhaps ask for a sample code for making this with CSS?

    Thanks.

    Regards,
    Steen

    January 23, 2019 at 2:18 pm #1057737
    Yigit

    Hi Steen,

    You can refer to this post – https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area and add widget area to your header and then enable debugging mode – https://kriesi.at/documentation/enfold/intro-to-layout-builder/#debug-mode to copy shortcode of your slider. I believe Easy Slider would fit better than other sliders :)

    Best regards,
    Yigit

    January 23, 2019 at 3:40 pm #1057771
    smunksgaard

    Hi Yigit,

    That almost did the trick!
    I added a ‘header’ widget to my header area and added shortcode to my Easy Slider. But, now I’m seeing a white “box” above and below my slider image – e.g. no full-width background. It seems like it is constrained inside a container. How can I change this for my header area?

    Thanks.

    Regards,
    Steen

    January 23, 2019 at 3:51 pm #1057775
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

    
#header .avia-slideshow {
    margin: 0;
}
#header .widget {
    padding: 0;
}
.container.av-logo-container {
    display: none;
}

    Best regards,
    Yigit

    January 23, 2019 at 4:51 pm #1057805
    smunksgaard

    That did it. Thank you!!! :-)

    January 23, 2019 at 7:06 pm #1057894
    Victoria

    Hi smunksgaard,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

    January 25, 2019 at 12:12 am #1058426
    smunksgaard

    Hi again,

    Small problem just occurred as a result of this.
    I can’t see the burger menu on mobile devices. Menu appears fine on PC and tablet screens, but on mobile there’s no menu at all.
    Is there some CSS fix for this?
    Thanks.

    January 26, 2019 at 5:57 am #1059012
    Rikard

    Hi,

    Thanks for the update, though the mobile menu is displaying fine on my end using Chrome. Are you sure that you are not getting cached results?

    Best regards,
    Rikard

    January 26, 2019 at 12:14 pm #1059111
    smunksgaard

    Hi Rikard,

    I solved the issue late last night and didn’t make it put a follow-up comment on this thread.

    This CSS fix was giving me trouble, as it also completely removed the burger menu on smaller screens (iOS):

    .container.av-logo-container { 
  display: none; 
 }

    I found out that modifying it to below certain screen sizes fixed the issue:

    @media only screen and (min-width: 750px) {
.container.av-logo-container { 
  display: none; 
 }}

    Thanks again for all you support.

    Kind regards,
    Steen

    January 26, 2019 at 12:18 pm #1059114
    smunksgaard

    PS. The complete CSS fix now looks like this:

    #header .avia-slideshow {
    margin: 0;
}
#header .widget {
    padding: 0;
}

@media only screen and (min-width: 750px) {
.container.av-logo-container { 
  display: none; 
 }}
    January 26, 2019 at 4:35 pm #1059156
    Jordan Shannon

    Hi,

    I’m glad you were able to get this resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Image slider in logo area’ is closed to new replies.