Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • May 30, 2014 at 1:32 am #272191
    cspoda

    Hi – I have 2 issues I’m hoping you can help with – both are related to mobile view:

    1. I made some modifications to the header (logo size and breadcrumbs) via custom css but when I view it on mobile browser the logo and breadcrumbs get messed up and cut off logo and show too much padding on breadcrumbs.

    2. On the ‘Resume’ page in mobile view the alignment of the first button to “Download resume” is off and pushed to the far right.

    Thanks for the help!

    May 30, 2014 at 6:02 pm #272507
    Yigit

    Hi cspoda!

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

    @media only screen and (max-width: 480px) {
.responsive .mobile_slide_out .logo {
height: 100px;
}}

    2-

    @media only screen and (max-width: 480px) {
.page-id-2381 .avia-button-wrap {
padding: 0 !important;
}}

    Regards,
    Yigit

    May 30, 2014 at 6:50 pm #272525
    cspoda
    This reply has been marked as private.
    May 30, 2014 at 8:06 pm #272559
    Yigit

    Hi

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 480px) {
.responsive .mobile_slide_out .logo img {
margin: 0;
max-width: 90%!important;
}
.container .main-title {
padding-top: 0;
}}

    Regards,
    Yigit

    May 30, 2014 at 8:32 pm #272569
    cspoda

    Thank you Yigit – works perfectly!! :)

    ———————————————————–
    – Update 6/6: Yigit – I heard from my client and apparently she is still having issues on her Android phone – please see here: http://s2.postimg.org/o1z1uivg9/IM000658.jpg

    Apparently in landscape view it is still showing up incorrectly.

    Can you help? Thank you!

    • This reply was modified 11 years, 1 month ago by cspoda. Reason: Rediscovered issue
  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Mobile View – Issues with alignment, header’ is closed to new replies.