Tagged: , , , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • October 27, 2015 at 9:57 am #525373
    Munford

    HI Guys

    Halfway down my home page: http://andesworldtravel.com/
    I have a color section w/ parallax. I uploaded the photo as 1310 x 600
    no repeat, top left. I expected to see the photo at full width, since it isn’t stretched,
    but it is getting stretched. Am I still not understanding how this element works?
    I would like the image to be fullwidth (1310px) with parallax & overlay to run behind
    my text block.

    Also on that page in the mega menu I changed the line height of the submenu, but the arrows don’t seem to line up anymore. Can’t seem to find where to change it- or make it so they take the same line height of the submenu – shouldn’t they do that? Part of the titles of the items there are also getting cut off by the right margin… :(

    Thanks for your help
    Nancy

    • This topic was modified 9 years ago by Munford.
    October 27, 2015 at 4:39 pm #525583
    Elliott

    Hi Munford!

    Add this to your custom CSS.

    .avia_mega_div .avia-bullet { margin-top: 15px !important; }

    Play around with the value to position it.

    As for the color section it looks fine to me. Take a screenshot and highlight what your trying to do with it so we can get a better idea.

    Best regards,
    Elliott

    October 27, 2015 at 5:42 pm #525674
    Munford

    Thanks – got the bullets lined up.
    The color section looks OK but it’s cutting off both sides – it’s not showing the full width image.

    another question about the mega menu – it is really big on this site and I have tried to optimize the space as much as possible, but on some laptops the bottom of the menus are being cut off. They are not scrollable (the background site scrolls). Can you see any other way to make them scrollable or to make them smaller so they don’t get cut off?

    thanks again
    Nancy

    • This reply was modified 9 years ago by Munford.
    October 28, 2015 at 12:09 pm #526030
    Ismael

    Hi!

    The slider size is 1310x800px, same as the actual image. What is the screen resolution of the laptop? I tested it on screen with 1366x768px and the mega menu looks OK.

    EDIT: You can adjust the line-height to save space: 

    #top #wrap_all .av-main-nav ul > li > a, #top #wrap_all .avia_mega_div, #top #wrap_all .avia_mega_div ul, #top #wrap_all .av-main-nav ul ul {
    line-height: 1.3em;
}

    Cheers!
    Ismael

    October 28, 2015 at 12:12 pm #526033
    Munford

    not sure – its not my laptop. If I look on an ipad some of the bottom of the menu is cut off – and they plan to add more to it so we need to make 2 rows. I think it’s not possible to make it scrollable, right?

    I know that the slider is the right size, but the image is zoomed in. It’s not a huge issue there, but it’s something I’ve seen before and don’t understand how to control.
    thanks
    Nancy

    October 28, 2015 at 3:06 pm #526144
    Yigit

    Hey!

    Please go to Enfold theme options > Header > Mobile Menu > Header Mobile Menu activation and choose smartphones and tablets and check if that helps.

    Cheers!
    Yigit

    October 28, 2015 at 3:18 pm #526152
    Munford

    thanks. I will look into that, but I think they want the big menu showing.

    Hey Yigit – did you find out anything about this problem?
    https://kriesi.at/support/topic/shortcode-debugger/

    • This reply was modified 9 years ago by Munford.
  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘problem with parallax color section, mega menu line height’ is closed to new replies.