Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Responsive menu resizing

Topic Resolution: Resolved
responsive menu
    • 4 years, 4 months ago marcAFSQ
      Participant

      Expired

      Hello,

      I’m trying to adjust the size of the menu when people resize their windows. I’ve tried this function: {font-size:calc(14px + 0.01vw); but it doesn’t seem to work.

      Can you help me make the menu resize for whatever screen size people may have?

      Also, I would like for the shop cart on mobile and the hamburger menu to be on the right side of the screen and have submenus hidden and opening them when clicking on them.

      The Website url is: https://afsq.org

      Thank you!

    • 4 years, 4 months ago marcAFSQ
      Participant

      Expired

      This reply has been marked as private.
    • 4 years, 4 months ago Akram
      Keymaster

      Hi,

      Menu is automatically taking changes as per the device size. Also for your shop cart icon you can make it right if that option is available otherwise you have to put your own CSS to make as you want.

      Thank You

    • 4 years, 4 months ago marcAFSQ
      Participant

      Expired

      it absolutely doesn’t work.

      Here I’ve taken a screenshot of the menu when I resize my window https://imgur.com/a/IBXfCSf

      The menu items are not on the container anymore.

      Also, where is the option for the cart?

    • 4 years, 4 months ago Akram
      Keymaster

      Hi,

      I have seen that thanks for the exact image. That is not issue just your menu is having more items so even if you remove font sizes if menus items are more they will take proper space as it needed so it will drop to it’s own place.

      you can simply reduce your one or two menu items or you can reduce your menu font size by using styling like this:

      nav .menu > li > a {font-size: 12px;}

      Thank You

    • 4 years, 4 months ago marcAFSQ
      Participant

      Expired

      Well, there is clearly a fix to this issue with this many menu elements, because it worked before installing the update to the theme and there was as much menu elements as now.

    • 4 years, 4 months ago Akram
      Keymaster

      Hi,

      Yes I already mentioned that it will require custom CSS let me know if you want me to add ? So, I can add that for you.

      Thank You

    • 4 years, 4 months ago marcAFSQ
      Participant

      Expired

      Yes if you could add the custom css for me, that would be great!

      Thank you!

    • 4 years, 4 months ago Akram
      Keymaster

      Hi,

      Well, have a check now and let me know if is OK for you now ?

      Thanks

    • 4 years, 4 months ago marcAFSQ
      Participant

      Expired

      Yes it is working now, thank you!

    • 4 years, 4 months ago Akram
      Keymaster

      Hi,

      If you like our theme and support don’t forget to rate us with 5 star rating at themeforest.

      Thanks

Viewing 10 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password