Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 19, 2017 at 1:31 am #866020
    WebDevDept

    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 7 years, 1 month ago by WebDevDept.
    October 19, 2017 at 6:38 pm #866399
    Yigit

    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

    October 20, 2017 at 1:57 am #866532
    WebDevDept

    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.

    October 20, 2017 at 3:53 pm #866746
    Yigit

    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

    October 20, 2017 at 5:56 pm #866811
    WebDevDept

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

    October 21, 2017 at 12:44 pm #867030
    Victoria

    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

    October 21, 2017 at 1:15 pm #867036
    Guenni007

    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 7 years, 1 month ago by Guenni007.
    October 23, 2017 at 5:09 pm #867714
    Victoria

    Hi,


    @Guenni007     Good point!

    @marketingagency have you considered that?

    Best regards,
    Victoria

    October 23, 2017 at 8:33 pm #867825
    WebDevDept

    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!

    October 23, 2017 at 11:53 pm #867902
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

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