Tagged: containers, CSS, layers, responsive, sidebar
-
AuthorPosts
-
May 27, 2014 at 12:53 pm #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.
May 27, 2014 at 6:25 pm #270665Hi vin8tan!
Can you post the link to your website so we can see the issues?
Best regards,
YigitJune 4, 2014 at 5:25 am #274370Full width color after content pushes side bar down, no option to select whether it overwrites or contained within main section.
same issue as above, acceptable if slider is first content, but if slider is some where further down. sidebar starts there too.
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.
Containers overflows, paragraphs are not wrapped.
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 10 years, 5 months ago by vin8tan.
June 4, 2014 at 10:27 pm #274776Hi,
Can you post the link to the website please?
Regards,
JosueJune 5, 2014 at 5:25 am #274939Hi 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/aboutusOh yeah, i also notice that colour sections don’t work as they should on android firefox mobile.
- This reply was modified 10 years, 5 months ago by vin8tan.
June 5, 2014 at 1:46 pm #275114Hey!
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!
YigitJune 6, 2014 at 4:34 am #275436Hi 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 sidebarJune 6, 2014 at 5:56 pm #275707Hi!
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,
YigitJune 9, 2014 at 7:28 am #276358Hi 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?June 9, 2014 at 12:12 pm #276414This reply has been marked as private.June 9, 2014 at 6:31 pm #276520Hi!
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,
YigitJune 11, 2014 at 6:07 am #277375Thank 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 10 years, 5 months ago by vin8tan.
-
AuthorPosts
- The topic ‘Layout issues’ is closed to new replies.