Hero Image not the correct size and recommendations for a good menu plugin

Hi,

My designer would like to design such that the hero image is shown to be smaller. Right now it is not looking like that on the website. Where would I need to change the CSS for this? Please advise as I can't seem to be able to find it.

Also, the menu my designer is expecting is different from what the theme is providing. Do you have any recommendation for a good menu plugin that would be able to pull off what she is asking for?

The designer's Website as follows

https://bit.ly/2Lrz77D

Thanks!

Eugene

  • Adam
    • Support Gorilla

    Hello Eugene

    I hope you’re well today!

    It seems that you got that “hero image” set as a background of the page. In that case you can try experimenting with the “background-size” property. Currently it’s set to “cover” which means that browser will always automatically re-scale and crop the image so it would nicely fit given space but instead you could try setting it this way in CSS

    background-position: 120%

    This way it would set length (width) of the image to 120% of the available space while still maintaining the ration (setting height automatically). Basically, that would enlarge the image and together with adjusting height of its HTML container (element that the image is set as background for) it should do the trick, I think.

    As for menu. That would probably still need some additional custom CSS but if you want to try a plugin, I believe one of the most popular and advanced would be this one:

    https://wordpress.org/plugins/megamenu/

    Best regards,

    Adam