Forum Replies Created

Viewing 30 posts - 61 through 90 (of 99 total)
  • Author
    Posts
  • in reply to: anchors in navigation icons on iPad #869307

    Hi Ismael,

    I have only put the last code you gave me into the functions.php file now. I cleared the browsing data on my ipad in the browser settings. But no change on the ipad. Is there anything in my Quick CSS that could interfere with your code:

    .main_color tr {
    background: #fff !important; border-color: #fff !important;
    }

    td {
    border-width: 0px !important;
    }

    .grid-content {
    min-height: 100px;
    }

    .page-id-3274 #av_section_1 .iconbox_icon:hover:before {
    color: darkgray;
    }

    .page-id-3689 #av_section_1 .iconbox_icon:hover:before {
    color: darkgray;
    }

    .avia-testimonial-meta {
    margin-left: 0;
    }

    .iconbox_content_title {
    text-transform: none !important;
    }

    .search .date-container, .search .date-container + .text-sep {
    display: none !important ;
    }

    .logo img {
    height: auto;
    width: 300px;
    height: 77px;
    }

    .avia-testimonial .avia-testimonial_inner{
    font-style: italic;
    font-size: 15px;
    }

    .page-id-3777 .avia-builder-el-3 .iconbox_icon:hover:before, .page-id-3777 .avia-builder-el-5 .iconbox_icon:hover:before, .page-id-3777 .avia-builder-el-7 .iconbox_icon:hover:before{
    color: darkgray;
    }

    .iconbox_icon:hover:before {
    color: darkgray !important;
    }

    #top .iconbox_left_content .iconbox_icon, #top .iconbox_right_content .iconbox_icon, #top .iconbox_top .iconbox_icon, #top .iconbox.av-no-box .iconbox_icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 35px;
    }

    .reports-isc .av_textblock_section{
    margin:20px 0!important;
    }

    .avia-builder-el-19 {
    height: 202px !important;
    }

    @media only screen and (max-width: 767px) {
    .responsive #scroll-top-link {
    display: block !important;
    }
    }
    body .column-top-margin {
    margin-top: 0px!important;
    }
    @media only screen and (min-width: 768px) and (max-width: 800px) {
    .menu-item {
    display: none;
    }
    .av-burger-menu-main.menu-item-avia-special, #menu-item-search {
    display: block;
    }
    }
    .av-main-nav > li > a {
    padding: 0 8px;
    }
    @media only screen and (max-width: 1366px) and (min-width: 768px) {
    .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item {
    display: none;
    }

    .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
    display: block;
    }
    }
    @media only screen and (max-width: 1024px) {
    .responsive #top .av-submenu-container {
    top: auto !important;
    position: relative !important;
    height: auto;
    min-height: 0;
    margin-bottom: -1px;
    }
    }

    Thanks,
    Carolin

    in reply to: anchors in navigation icons on iPad #867968

    Hi Ismael,

    nothing has changed on the iPad after I put the code into Quick CSS. Can you check for yourself, please.

    Is there something in my QUick CSS that overwrites what you gave me?

    Thanks,
    Carolin

    in reply to: anchors in navigation icons on iPad #867433

    Hi Ismael,

    yes I know it’s fine on any device or browser but not on the iPad!

    Will your code fix it on the iPad?

    Thanks,
    Carolin

    in reply to: Menu overlaps logo in resized browser #866525

    Thanks Victoria. I have put it into the Quick CSS and it worked.
    Carolin

    in reply to: anchors in navigation icons on iPad #866517

    I tried what Mike suggested in the last message (Anchor issue with sticky header on iPad). That didn’t change anything. So I went on the website that he referenced and added the orientation and other pixel ratio. The code is now as below but still no change unfortunately:

    @media only screen
    and (min-device-width : 768px)
    and (max-device-width : 1024px)
    and (orientation : landscape)
    and (orientation : portrait)
    and (-webkit-min-device-pixel-ratio: 1)
    and (-webkit-min-device-pixel-ratio: 2) { .anchor {
    display: block!important;
    height: 100px!important;
    margin-top: -100px!important;
    visibility: hidden;
    }}

    And I’m lost when I read the other thread :S
    I’m not a programmer but Graphic Designer so I don’t understand what they are talking about when it comes to js files and where they live.

    Is there something else I could put into the Quick CSS?

    Thanks!
    Carolin

    • This reply was modified 7 years, 2 months ago by messmeriza.
    in reply to: anchors in navigation icons on iPad #865448

    Hi John,

    unfortunately it doesn’t look fine for us. My client and I both see that the navigation banner covers the heading on our ipads when you click on any of the icons. Please see the examples below of what a page looks like on our ipads and what it looks like when you click on Executive Programs for example.
    No matter which icon you click on all pages the navigation always covers the heading.
    https://www.dropbox.com/s/6dw5zdidqtsrmky/anchor-1.png?dl=0
    https://www.dropbox.com/s/liu1um93qgmlg67/anchor-2.png?dl=0

    Thanks,
    Carolin

    in reply to: Menu overlaps logo in resized browser #865431

    Hi Ismael,

    sorry I can’t find where ‘Enfold > Main Menu > General panel’ is.
    Therefore I have not put in the code you gave me yet.

    I have given you the url and login in the private data.

    Thanks for your help!
    Carolin

    in reply to: Menu overlaps logo in resized browser #864066

    @media only screen and (min-width: 768px) and (max-width: 800px) {
    .menu-item {
    display: none;
    }
    .av-burger-menu-main.menu-item-avia-special, #menu-item-search {
    display: block;
    }
    }
    .av-main-nav > li > a {
    padding: 0 8px;
    }

    in reply to: Menu overlaps logo in resized browser #863714

    Hi Victoria,

    I had the same problem and used the latest code you provided Manuel on October 12, 2017 at 1:40 pm.

    I had to change (max-width: 1395px) to (max-width: 800px) so that it would work for me. But now when the first menu item is about to touch the right side of the logo the menu disappears when you resize it and the mobile menu only appears after you keep resizing.

    Can you please tell me how I can make the mobile menu appear right away when the visitor continues to resize the window.

    Thanks,
    Carolin

    in reply to: Spacing between text and Portfolio Grid #863699

    Thanks that’s better… Not perfect though. My client still thinks there’s way too much space on that page.

    in reply to: Spacing between text and Portfolio Grid #861120

    Hi Victoria,

    I don’t see any code from you.

    Thanks,
    Carolin

    in reply to: Spacing between text and Portfolio Grid #860801

    Hi Jordan,

    not sure exactly what you adjusted :(
    I would like the space that I marked in the screenshot below reduced by about half. So I mean the space between the text/testimonail and the portfolio grid. And the same for all other spaces before every portfolio grid.
    https://www.dropbox.com/s/y7w5d6avshfzw0a/spacing_OurWork_02.png?dl=0

    Thanks,
    Carolin

    Awesome!! Thanks, Ismael. Looks great now!

    Hi Ismael,

    yes I did and it’s still larger circles than on all other pages.
    https://www.dropbox.com/s/ldy1i4b1pmh3vb0/circles_Homepage.png?dl=0

    My login is in the private content.

    Thanks,
    Carolin

    in reply to: Spacing between text and Portfolio Grid #860337

    Hi John,

    I have added the code that you gave me to the Quick CSS, but nothing changed. The space is still the same as in the screenshot I sent in my last message:
    https://www.dropbox.com/s/y7w5d6avshfzw0a/spacing_OurWork_02.png?dl=0
    I would like the space that I marked in the screenshot below reduced by about half. And the same for all other spaces before every portfolio grid.

    I have given you the login to my WordPress site above. Can you please check if there’s something else in the Quick CSS or somewhere else that overwrites the code you gave me.

    Thanks,
    Carolin

    • This reply was modified 7 years, 2 months ago by messmeriza.
    in reply to: Spacing between text and Portfolio Grid #859944

    Hi Jordan,

    I’m not sure we are seeing the same, but it doesn’t look like anything has changed. Just to make sure we are talking about the same thing. I would like the space that I marked in the screenshot below reduced by about half. And the same for all other spaces before every portfolio grid.
    https://www.dropbox.com/s/y7w5d6avshfzw0a/spacing_OurWork_02.png?dl=0

    Thanks!
    Carolin

    in reply to: Spacing between text and Portfolio Grid #859819

    Thanks, please see private content.
    Carolin

    Hi Ismael,
    It’s still not changing the circle sizes on the homepage after I put your code into the general styling quick css. So I changed it to:

    #top .iconbox_icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 35px;
    }

    But that makes no difference to the circle sizes either.
    Can you please suggest something else. Thanks!
    Carolin

    in reply to: slider text gets cut off on left when window is resized #859757

    Hi Mike,
    I’m going to leave it as it is. It’s left aligned to the first column below the slider and that looks good.
    Thanks for your help though!
    Carolin

    in reply to: Spacing between text and Portfolio Grid #859754

    Hi Jordan,

    that still doesn’t work unfortunately. I tried to change 70px to 30px but nothing changes either.

    Thanks,
    Carolin

    in reply to: Re: hover colour for icons #858557

    Thanks John. That works!

    in reply to: Spacing between text and Portfolio Grid #858553

    Hi John,

    this actually adds space between ‘Guest speakers have included many eminent leaders…’ and ‘Reports: Enabling Business Innovation’. But I want to decrease the space between ‘Based on in-depth interviews with top security executives…’ and the portfolio grid. And then do the same before every other portfolio grid on that page.

    Thanks,
    Carolin

    • This reply was modified 7 years, 2 months ago by messmeriza.
    in reply to: Spacing between text and Portfolio Grid #858266

    Hi Jordan,

    this does not work unfortunately. Can you suggest something else please?

    Thanks,
    Carolin

    in reply to: change icon colour #858201

    Thanks, that works!

    in reply to: slider text gets cut off on left when window is resized #858192

    Hi Mike,

    the reason I set it to negative -54px is so that it would left align with the logo above. Now that I have set it to 0 it’s indented and not aligned anymore. Is there anything I can do to left align it with the logo and not get it cut off when I resize the window?

    See screenshot in the private content.

    Thanks!
    Carolin

    in reply to: Re: hover colour for icons #858184

    Hi Mike,

    it’s only working now on some pages but not on the Homepage, Our Services page and Our Network page.

    Also it seems it’s overlaying transparent white to achieve the grey hover colour. But on some wider icons it looks like it’s not covering the whole icon and the black colour is still showing on the left of the icon. See the screenshot in the private content of 2 icons on the About and Our Work pages.

    Thanks!
    Carolin

    Hi Rikard,

    I want the circles and icon sizes on the homepage to be the same as on the other pages.

    On the homepage it looks like the circle is 70 px. On the other pages it’s 60px.
    The icons on the homepage are a lot smaller than on the other pages and I want them to be the same size as well.

    See the screenshots in the private content.

    I don’t know why the css wouldn’t work for the homepage. One of your colleagues gave me the code.

    Thanks,
    Carolin

    in reply to: Portfolio item links need to open in new browser window #842266

    Thanks Victoria! It works :)

    in reply to: Portfolio item links need to open in new browser window #840690

    Hi Yigit,
    I tried to follow your instructions but my portfolio links still open in the same window.

    Here’s what I have done:
    Via Filezilla I accessed the functions.php file (wp-content/themes/enfold) and have edited it in Dreamweaver: I have added the following underneath the code that was there:

    add_theme_support(‘avia_template_builder_custom_css’);

    and saved it to replace the functions.php file.

    I then opened my portfolio page and clicked on the Portfolio Grid.
    Under Custom Css Class I wrote in cr-portfolionewtab and clicked save.

    In Appearance > Editor I selected the functions.php file in the Enfold theme.

    Then copied the following code to the bottom of the code that was there:

    function av_portfolio_new_tab(){
    ?>
    <script>
    jQuery(window).load(function(){
    jQuery(‘.cr-portfolionewtab a’).attr(‘target’,’_blank’);
    });
    </script>
    <?php
    }
    add_action(‘wp_footer’, ‘av_portfolio_new_tab’);

    But all links are still opening in the same window.
    Thanks for your help!
    Carolin

    • This reply was modified 7 years, 4 months ago by messmeriza.
    in reply to: hover colour for icons #829983

    Awesome thanks, Nikko.

Viewing 30 posts - 61 through 90 (of 99 total)