Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #270488

    Hi, there are several layout issues here,

    • Color sections and full width sliders do not stay within container, it overflows and affects the sidebar
    • Side bars do not appear at the top of the page on mobile devices as suggested, it appears right at the bottom before the footer
    • Text in promo box over flows when button is more than 150px long

    Also is there a documentation for working with portfolios? My thumbnails are not appearing as they should.

    #270665

    Hi vin8tan!

    Can you post the link to your website so we can see the issues?

    Best regards,
    Yigit

    #274370

    Full-width-color-top

    Full width color after content pushes side bar down, no option to select whether it overwrites or contained within main section.

    Full-width-slider

    same issue as above, acceptable if slider is first content, but if slider is some where further down. sidebar starts there too.

    hover captionhover caption 2

    The hover text bubble for both the partner and team member are not aligned properly. problem exist in both full width blogs or blogs with sidebar.

    overlapping menu

    overlapping text

    overlapping promo box

    Containers overflows, paragraphs are not wrapped.

    side bar in responsive mode

    does this mean side bar first or side bar last? because now my side bar is all the way to the bottom and i’d like to move it to the top.
    if side bar is last by default, is there a way to move it to the top?

    • This reply was modified 1 month, 3 weeks ago by  vin8tan.
    • This reply was modified 1 month, 3 weeks ago by  vin8tan.
    • This reply was modified 1 month, 3 weeks ago by  vin8tan.
    • This reply was modified 1 month, 3 weeks ago by  vin8tan.
    #274776

    Hi,

    Can you post the link to the website please?

    Regards,
    Josue

    #274939

    Hi Josue,

    thank you for helping, some of these issues are spotted but not actively used on the site, the landing page of the site is password protected, so to prevent public from accessing it.
    the website can be reached at http://www.afa.org.sg/wordpress/aboutus

    Oh yeah, i also notice that colour sections don’t work as they should on android firefox mobile.

    • This reply was modified 1 month, 3 weeks ago by  vin8tan.
    #275114

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .title_container .breadcrumb { right: auto; left: -2px; top: 78%; }
    @media only screen and (max-width: 990px) and (min-width: 768px) {
    .avia-tooltip { left: 283px!important; }}

    Please go to Enfold theme options > Header Layout > Mobile Menu > Header Mobile Menu activation and choose 990px.
    Everything else looks fine on my end – http://i.imgur.com/x96rbCG.png
    Cheers!
    Yigit

    #275436

    Hi Yigit,

    once again, thank you very much for the help. support and solutions from Kriesi blows some competitors out of the waters.
    Enfold is already a very good theme to begin with.

    The rest of the problems (side bar vs. full width slider/colour section) are not in the live section of the site because they don’t quite work.

    if you go to the test page, you’ll see what i mean

    afa.org.sg/wordpress/aboutus2/ – colour section conflicts with sidebar
    afa.org.sg/wordpress/whatwedo/educate/hso2/ – full width slider conflicts with sidebar

    #275707

    Hi!

    Fullwidth elements work only fullwidth and they push the sidebar below them. You can alternatively add widget area element to your page and display your widgets inside it instead of sidebar, as a workaround

    Regards,
    Yigit

    #276358

    Hi Yigit,

    thank you for that tip. i’ll keep that in mind when i have to use it for future pages. Is there a way to have a vertical border?
    meanwhile, would there be a fix for the hover text bubble?

    #276414
    This reply has been marked as private.
    #276520

    Hi!

    Please add following code to Quick CSS as well

    .hr-inner { border-color: red !important; border-top-width: 10px; }
    #main, .html_stretched #wrap_all, .main_color {
    background-color: transparent;
    }

    Regards,
    Yigit

    #277375

    Thank you, all works wonderfully! Really love working on this theme.

    actually……. it’s not quite fixed yet, i think there’s something wrong. I noticed that the tooltip/hover text is still not aligned, until i resize the browser to just the edge of the box of the website.

    http://www.afa.org.sg/wordpress/whatwedo/educate/msm/team/

    Also the light box is having the same problem. it isn’t aligned to the centre.

    http://www.afa.org.sg/wordpress/whatwedo/educate/hso/gallery/

    • This reply was modified 1 month, 2 weeks ago by  vin8tan.
Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘Layout issues’ is closed to new replies.