Okay
  Public Ticket #1837969
Menu border
Open

Comments

  • artraylor91 started the conversation

    Hello!

    My menu looks great in full screen mode. However, on smaller screens and mobile devices, my classic menu turns into a push menu. I'm okay with this except that there is a small tan border line appearing under the menu bar. I can't figure out how to get rid of this border line! Screenshot attached. Thanks for your help!!

    Attached files:  menu with border.tiff

  • artraylor91 replied

    2 other questions that I'll go ahead and post. One menu related, the other not:

    1. In mobile version, as stated below, my classic menu turns into a push menu. I would like the background of the dropdown to be the same blue as the page background, but I cannot figure out where to indicate this color. Nowhere have I chosen "white" as a background for anything, so I am not sure why the item background is defaulting to white. See file attached - "menu open."

    2. My site looks just how I want it on desktop version. However, every page of my site is an absolute mess on mobile. The text is appearing as one straight vertical line. How can I optimize for mobile without changing the appearance of the site on desktop? See other two files attached for comparison between mobile view and desktop view.

    Attached files:  menu open.tiff

  • artraylor91 replied

    The attachments I forgot...

    Attached files:  text in mobile.tiff
      text in desktop.tiff

  •  124
    Alexandre replied

    Hi,
    I will be glad to assist you to fix all your requests, but can you provide first your url and if possible a login credential to the wp-admin?

    Thank you,

    --

    Alexander

  •   artraylor91 replied privately
  •  124
    Alexandre replied

    About the responsive issue on the Bio page, 

    You have applied 200px margin left and right to the text block element. 
    This margin still applied on mobile. 

    Here what i have done to fix this.
    First I have remove the 200px margin applied on the text block.
    In the row setting, I have enable the option to remove the padding on small device. In fact this option overwrite on small device the padding applied on the column element by 5px.

    1025600863.png

    And I have added the 200px wanted as padding in the column setting. 

    Thank you,

    --

    Alexander

  •  124
    Alexandre replied

    To do what you want with the responsive menu, i have added this custom css code to wp-admin>fwrd>custom css/js

    .classic-menu.responsive .responsive-header, .classic-menu.responsive ul li{
    border-bottom: 0;
    }
    .classic-menu.responsive {
    background-color: transparent;
    }

    Thank you,

    --

    Alexander

  • artraylor91 replied

    Hi Alexander,

    Thanks so much for your help. I am having the same responsiveness issues on my Lessons, Media, Events, and Contacts pages that I was having on my Bio page. I tried to copy the settings you had edited on my Bio page and apply them to the others, but I must be missing something. Could you fix those as well?

    One last (I hope!) question: The font I have selected is not displaying correctly on Safari on my iPhone. Is there anything that can be done from the backend to prevent this, or is this out of my control?

    Angelyn

  • artraylor91 replied

    Woohoo! I actually figured out how to fix the responsiveness issues and am in the process of working on each page. You can disregard that first question.

    Still wondering about the font, though. Any insight you can provide is appreciated!


  •  124
    Alexandre replied

    I dont see the font issue on my device, but I think this will be fixed is you update FWRD and the plugin Iron-music

    https://irontemplates.ticksy.com/article/12253/
    https://irontemplates.ticksy.com/article/12214/

    Thank you,

    --

    Alexander

  • artraylor91 replied

    Ok -- I successfully updated the theme and plugins, and fonts are viewing correctly on mobile devices. However, one problem has occurred. My backgrounds on pages with text were set to be .5 transparent. While the settings from before the update remain, the pages are no longer viewing as transparent. Any advice?

  •  124
    Alexandre replied

    Hi, 
    Which setting is set to .5 transparent? Where I can see it?

    Thank you,

    --

    Alexander

  • artraylor91 replied

    Under "Page Settings" on each of my pages other than the homepage. I've attached a picture. 

  • artraylor91 replied

    Here's the attachment...

    Attached files:  bgtransparent.tiff

  •  124
    Alexandre replied

    I have removed the background image applied on "content background". 
    The background applied on the "main background" is enough. 
    Now the transparent settingworks now.




    8973988847.png

    Thank you,

    --

    Alexander

  • artraylor91 replied

    Thank you thank you thank you!! 

  •  124
    Alexandre replied

    you are welcome

    Thank you,

    --

    Alexander