Text overlaps phone menu button

Ian,

Could you please send screenshot of the problem?

Thank you!

Desktop, laptop, tablet and phone pics attached.

Hello Ian,
1. you may specify different Font Size

and text position

for the Text Control on different screen sizes (Desktop, Laptop, Tablet and Phone)

2.I'm sorry it's not quite clear for me how you'd like menu separator to look like.
It'd be helpful if you attach screenshot what separator you want to get and attach here your theme or provide link to live site

regards,
Aileen

The real problem isn't the text size (though Artisteer managed to handle this scenario perfectly by scaling - surprised Themler - supposedly the super improved version of Artisteer - doesn't without manually assigning sizing). The problem is, as seen by the images, everything - text, menu, logo all pile in on top of each other with no scaling applied at smaller screen sizes. Are you saying I have to manually apply scaling to every event, or is this just displaying incorrectly within Themler (I have yet to export the theme)?

You can see how I want the separators in this attached PDF.

It really seems, while giving a lot more control in Themler, that basic things - like separators - have become overly complicated and it is far, far less user friendly and intuitive than Artisteer. In fact, so much less friendly, if Artisteer is abandoned I very likely will not migrate to Themler.

Hello Ian,
1. you're right : in general the new size should be specified for all controls which you'd like to be resized in different screen sizes.
In your case you need:
-resize text "Take your future now"
-reduce menu items text size
-resize the image with blue arrow.
Please remember that you may also change the location of controls for every screen size using Arrange settings of a control.

2.to create separator like on attached .pdf try to set top and bottom margin and padding for the Menu Item like on screenshot

If it does not work for you please provide link to your live page.

regards,
Aileen

It appears that you are experiencing some design issues with your Joomla website. Here are a couple of suggestions to address the problems you mentioned:

Plain text overlapping the menu button on mobile view: To prevent the plain text from dropping into two lines and covering the menu button on mobile devices, you can try adjusting the CSS properties for the text element. Use media queries to target specific screen sizes and modify the font size or line height to ensure the text remains in a single line and doesn't artificial grass overlap with the menu button. Testing the theme live on different devices and screen sizes is important to ensure the desired outcome.

Menu separators: If you are using a template that doesn't provide built-in menu separators, you can create custom separators using CSS. One way to do this is by targeting the menu items and applying a right border to them. To control the height of the separators, you can adjust the padding or margin properties of the menu items or separators themselves. You might need to inspect the HTML structure of the menu using your browser's developer tools to identify the specific CSS classes or IDs that need to be targeted for customization.

Remember to apply any CSS modifications in a custom CSS file or through the template's custom CSS editor to avoid losing changes during updates. Additionally, it's always a good idea to test the changes in different browsers and devices to ensure consistent behavior across various platforms.

If you require more specific guidance or encounter any difficulties, providing the Joomla template name or the URL of your website would be helpful for further assistance.

Last edited 11 June 2023 by jameswalterra8262

Thanks, I understand the problem better and understand how to solve it now.
traffic jam 3d

It sounds like you’re running into some classic responsive design issues — especially with how text and menus stack on smaller screens. You might try adjusting your CSS media queries to control font size or spacing at mobile widths. Sometimes a simple tweak can make all the difference, much like finding the right chain link fence for rent to create structure and balance in a layout or event setup!