Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #270626

    ok my client has a non widescreen laptop. the site is

    http://goo.gl/Y6FZxx

    I was hired to basically just make it responsive and secure. here is his current site

    http://goo.gl/Y6FZxx

    and it displays fine for me but for him this is what it looks like!

    Is there anything we can do? Here is my custom css so far

    #top #main,#top .html_stretched #wrap_all,#top .alternate_color,#top .header_color,#top .main_color,#top .header_color div,#top #header,#top .header_color .container_wrap_meta,#top .header_color .header_bg,#top .footer_color,#top .footer_color,#top .socket_color {
    background-color:rgba(255,255,255,0) !important;
    }

    #top .container_wrap {
    border-top-width:0px !important;
    }

    #top #header_main {
    border-bottom-width: 0px !important;
    }

    #header_meta {
    background: #0772A1;
    }

    #top ul:first-child > li > a {
    color: white;
    }

    #top ul:first-child > li > a:hover {
    color: red;
    }

    .html_header_top.html_logo_center .main_menu {
    text-align: center;
    background-color: #0172b6;
    border-radius: 5px;
    margin-top: 20px;
    }

    #header .container_wrap {
    border: none;
    }

    #main .container_wrap {
    background-color: transparent;
    }

    li:hover .avia-menu-fx, .current-menu-item>a>.avia-menu-fx, li:hover .current_page_item>a>.avia-menu-fx{opacity: 1; visibility: hidden;}

    .html_header_top.html_bottom_nav_header .main_menu ul:first-child>li a {
    border-right-style: solid;
    border-right-width: 1px;
    font-size: 14px;
    }

    .html_header_top.html_logo_center .logo {
    margin-top: 11px;
    }

    .main_color h3 {font-size:16px;}

    .main_color p, .main_color h3 {
    font-size: 15px !important;
    }

    .main_color h2 {
    font-size: 17px !important;
    }

    .csstransforms3d .show_mobile_menu #mobile-advanced {background-color: lightgray !important;}

    #advanced_menu_toggle, #advanced_menu_hide {
    background-color: #000000;
    color: #ffffff;
    border-color: #0171b6;
    }

    #mobile-advanced, #mobile-advanced a, #mobile-advanced .mega_menu_title {
    color: #000000;
    border-color: #000000;
    }

    .entry-content-wrapper div li {
    text-indent: 0;
    font-size: 14px;
    }

    • This topic was modified 11 years, 1 month ago by l2yan00.
    #270648

    Hey l2yan00!

    Please ask your client to flush browser cache and refresh for a few times. I tried resizing the window and checked the website on my iphone and i see the website just fine

    Regards,
    Yigit

    #270796

    my client is using IE8. Is there anything that can be done on my end?

    • This reply was modified 11 years, 1 month ago by l2yan00.
    #270904

    Hey!

    Thank you for using the theme.

    If I am not mistaken, you’re referring to the logo alignment. Please use this on Quick CSS or custom.css:

    .html_header_top.html_logo_center.avia-msie .logo {
    position: relative;
    text-align: center;
    width: 100%;
    }
    
    .html_header_top.html_logo_center.avia-msie .logo img {
    -webkit-transform: initial;
    display: inline-block;
    }
    
    .html_header_top.html_bottom_nav_header.avia-msie .main_menu ul:first-child>li a {;
    font-size: 12px;
    padding: 2px 15px 0px 15px;
    }

    Cheers!
    Ismael

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.