Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #866020

    How can I fix this issue? See image. Site is rebuildingsonomacounty.com.

    Issue is shown when shrinking down the broswer, or viewable in iPad.

    Thanks!overlaping columns

    • This topic was modified 6 years, 5 months ago by WebDevDept.
    #866399

    Hey,

    Please go to Enfold theme options > Layout Builder and check “Show element options for developers” and then edit your column elements and give them a custom CSS class (“my-custom-class” in example below) and then add following code to Quick CSS field in Enfold theme options > General Styling tab

    @media only screen and (max-width: 1024px) { 
    .my-custom-class { width: 100% !important; margin-left: 0 !important; }}
    

    Best regards,
    Yigit

    #866532

    I have checked the Show element options for developers box and added your custom CSS to the child theme’s stylesheet.

    Still same issue. See attached.

    #866746

    Hi,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
      ( do be sure that we have enough time to debug ).
    5. Click ” Submit “.
    6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

    When your issue is fixed, you can always remove the plugin!
    If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.

    Best regards,
    Yigit

    #866811

    Thanks for coming to our rescue again, Yigit. Please see below.

    #867030

    Hi marketingagency,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    .avia_textblock p {
        word-wrap: break-word;
    }
    

    If you need further assistance please let us know.
    Best regards,
    Victoria

    #867036

    But did a linked url has to be readable as url ? For SEO options this is not necessary to have it.
    That is the reason for buttons , Text links etc.
    Why it is important for you to show the whole url? you can set a “read more…” etc.
    even this will do it – and it looks very clear without the linked url : f.e:
    Owner/Builder Risk (3 articles)

    you can make it as Icon List Small
    and have for pdfs a pdf icon in front etc. pp.

    • This reply was modified 6 years, 5 months ago by Guenni007.
    #867714

    Hi,


    @Guenni007
    Good point!

    @marketingagency have you considered that?

    Best regards,
    Victoria

    #867825

    I actually did not consider making the links text link rather than having the entire link showing. This is because I’m pretty much recreating 4 similar websites and was looking for a faster fix; such as adding CSS.

    So thank you very much Victoria as your CSS recommendation worked. Now I can add the same code to the other 4 websites.

    Case closed!

    #867902

    Hi,

    I’m glad this was solved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Long URLs overlap in 2 column page’ is closed to new replies.