Tagged: ,

Viewing 30 posts - 1 through 30 (of 45 total)
  • Author
    Posts
  • #385322

    Hi Kriesi
    I am using anchor links to allow users to jump to areas of my pages. However, sometimes they jump somewhat too high on page – when I am clicking on an anchor link in my menu that is on another page – links within each page seem to work fine (ie if I am on the climbing page and click on “trekking > colombia then it lands too high). I must to be able to see the whole anchor link as I have titles at the top that are being hidden UNDERNEATH the header area where the logo is. Not good. Is there some way to get anchors to stop below the header area rather than underneath it? See the screenshot here to see what I mean:

    Can you help me with this? I know it is an issue other people are having as well.
    thanks
    Nancy

    • This topic was modified 9 years, 6 months ago by Munford.
    #386444

    Hi Munford!

    can you please try to deactivate all plugins? to see if one is causing this issue. Afterwards clear your browser cache.
    If that does not help please send us admin login to have a deeper look into it. You can post login details here as a private reply.

    Regards,
    Andy

    #387601
    This reply has been marked as private.
    #388135

    Hey!

    It seems to be working fine on Chrome Windows 8. I clicked Trekking > Colombia from the Climbing page and it lands down exactly on the #colombia-trekking section.

    Best regards,
    Ismael

    #388165

    yes sometimes it does, many times it doesn’t – frustrating as I need it to land with the title showing. Also on the mobile it loads correctly and then moves up at the end of the loading. I just clicked on Trekking > Peru from Climbing and got this:

    It seems like the Trekking page works most of the time but the climbing and exploring pages always land under the header.
    ??
    thanks for your time
    Nancy

    • This reply was modified 9 years, 5 months ago by Munford.
    #388972

    Hi!

    Alright. I was able to reproduce the issue this time. Looks like it’s happening when the portfolio grid loads. Try to add this on Quick CSS:

    .js_active .grid-image {
    opacity: 1 !important;
    }

    Cheers!
    Ismael

    #389001

    Hi Ismael,
    thanks–that improved things. Most links hit correctly most of the time, and some land just a little high but with the title visible. See: http://imgur.com/62IhC8Y where the line above “Climbing in Bolivia” is under the header. I can live with it, but would like to understand why anchors made the same way display differently on different pages.

    off this topic but I am having trouble getting my quick css changes to take effect since the last enfold update. I have cleared my cache, resaved the options many times, but changes on the PC are not displaying (but are fine on the mobile??). Any ideas??

    thanks for your continued great support!
    Nancy

    • This reply was modified 9 years, 5 months ago by Munford.
    #389230

    Just looked at the anchor links on the mobile and they are all landing too high with all the titles under the header. Should I try the same css for the mobile or is there some other problem. I really need these links to work properly or I will have to redo all the navigation on the site :(

    #389902

    Hey!

    I can see that some of the links are still not working properly. Please try to add this on Quick CSS:

    .grid-entry.flex_column.isotope-item {
    max-height: 248px !important;
    min-height: 248px !important;
    }

    I’ll ask the rest of the support team to take a look.

    Best regards,
    Ismael

    #389947

    Hi Guys
    I think that worked – testing it, and it hits the right place most of the time now. All anchor links on the same page work fine, it’s only when clicking on an anchor link on another page that it moves under the header a bit, especially on the TREKKING page for some reason. I am also seeing on ipads that if I am on the Trekking page, for example, and click on another anchor link on the trekking page in the mega menu, that the menu stays open now, covering the page – and I can’t click off it. ???

    I don’t understand why the anchors don’t work consistently. I have had a similar issue before which and you sent me to this fix: #213575 – is that still valid?

    also – still have issues with the quick css since the last update: I am having trouble getting my quick css changes to take effect since the last enfold update. I have cleared my cache, resaved the options many times, but changes on the PC and tablets are not displaying (but are fine on the mobile??). Any ideas??

    thanks so much!
    Nancy

    • This reply was modified 9 years, 5 months ago by Munford.
    #390190

    Hi!

    could you please give us a link for #213575?

    Belonging to your Quick CSS:
    Please clear your browser cache. There might be some kind of caching. Are you using any cache plugin? or maybe your server is using some kind of caching. Please also contact your host and ask for help.
    If it does not help please send us admin access again, you login details from above does not work anymore.

    Best regards,
    Andy

    #390199
    This reply has been marked as private.
    #390696

    Hi Again,
    I just realized that this code:
    .grid-entry.flex_column.isotope-item {
    max-height: 248px !important;
    min-height: 248px !important;
    }
    is causing all my portfolio grids on the mobile to have huge space between the items, and I am still seeing inconsistencies in the anchor links.

    Re: quick css & caching – I cleared my cache on the server, many times on the browser, and am still not getting my advanced styling and theme options to display correctly. ??? very frustrating as I am trying to style the pages and can’t see my results.

    please help!
    thanks, Nancy

    #391657

    Hi!

    Quick CSS:
    I checked your site and you are right. CSS changes are not loading. Did you already contact your host? I am sure they use some kind of caching. Otherwise you would need to delete all Enfold files from your server and get a fresh copy from your themeforest account. Maybe there are some corrupted files.

    Best regards,
    Andy

    #393621

    Hi Again,
    I just realized that this code:
    .grid-entry.flex_column.isotope-item {
    max-height: 248px !important;
    min-height: 248px !important;
    }
    is causing all my portfolio grids on the mobile to have huge space between the items, and I am still seeing inconsistencies in the anchor links.

    Re: quick css & caching – I cleared my cache on the server, many times on the browser, and am still not getting my advanced styling and theme options to display correctly. ??? very frustrating as I am trying to style the pages and can’t see my results.

    please help!
    thanks, Nancy

    #393726

    Hi!

    you can control it for mobile using @media queries:

    @media only screen and (max-width: 767px) {
    .grid-entry.flex_column.isotope-item {
    max-height: 248px !important;
    min-height: 248px !important;
    }}
    

    Adjust max-height and min-height as needed.

    You cannot stop caching caused b your server, you need to contact your host for this. Did you do this already? If yes, what is their response?

    Best regards,
    Andy

    #394695

    thanks. I have contacted my host and they are looking into it.

    #394798

    Hey!

    alright. Let us know if they can solve it for you and if you need any more help.

    Best regards,
    Andy

    #394998

    HI Andy,
    I contacted my host flyhweel and they said they thought the css problems I am seeing (or not seeing) are caused by some overriding settings in my quick css. I checked through it and cannot see any overlap in the stylings. I now am only seeing css stylings that I put in the child theme style.css – my theme options, or some of them, and css stylings are not displaying correctly. THe anchor links are landing very high again, under the header, but I can’t tell if it’s because that css “fix” you gave me is now not taking? so frustrating.

    thanks for your advice.
    n

    #395243

    Hey!

    can you please post here what’s inside your style.css? so we can check if it’s true that things are getting overwritten (what I don’t believe to be honest, because not everything could be overwritten).

    Cheers!
    Andy

    #395267

    this is my style.css in my child theme:

    /*.iconbox .iconbox_content .iconbox_content_title {
    font-size: 40px!important;
    }*/

    .iconbox {
    opacity: 0.7;
    }

    /*table styling itinerary*/
    td {
    border-bottom-color: #ffffff!important;
    border-right-color: #ffffff!important;
    border-top-color: #ffffff!important;
    border-left-color: #ffffff!important;
    }

    I had the same code in my quick css but was not seeing changes. I am also not seeing some of my theme options taking effect – my hosting service says it’s “appears that there is a conflict in between how the theme loads its base CSS and the QuickCSS.” but ignore the fact that I dont’ have any conflicting css code regarding the boxed dimensions of the site, or other settings in the theme options that I am not seeing. Some of the quick css is showing, some not.

    I am really confused now. Should I start all over?
    thanks
    n

    #395274

    Hey!

    well, if it’s true that your server is not using any caching, then you might need to deinstall Enfold completely via FTP and get a fresh copy from your themeforest account, because there might be some corrupted files. But you already tried to deactivate all plugins, right?

    Regards,
    Andy

    #395288
    This reply has been marked as private.
    #395467

    Hi!

    make a backup first and yes save all your CSS settings in the child theme. Then delete all Enfold files completely and get a fresh copy from your themeforest account. Check then if the theme is working correctly. Afterwards you can use your backup to restore all your settings.

    Regards,
    Andy

    #395614

    OK I reinstalled enfold 3.08 and am seeing all the same issues. my theme options are not showing, and some of my quick css is also not changing. If I put css in the child theme, it works fine. Can you take a look again? I have used enfold for a year and have never seen this issue, and it’s not at the server. It happened when I updated to 3.08- is there another update coming soon? When I installed it I saw some errors on the ftp (file not found, etc) – is that a problem? it seemed to involve woo commerce stuff, which I don’t use. Have other users had similar issues with 3.08?
    thanks
    N

    #395822

    Hi!

    no, for thousands of users it’s just working fine. So something went wrong for you, but it seems quite difficult to find the reason.
    What I don’t understand is that you don’t have to update anything when you get a fresh copy from your themeforest account, because it will already contain all 3.0.8 files. Did you delete all files before putting the new installation? Can you please deactivate the child theme and see if it’s working then? The “file not found” issue is definitely a problem. Did it happen again when you installed the fresh copy from your themeforest account?

    Cheers!
    Andy

    #395844

    I meant I saw these problems when I updated from 3.07 to 3.08 a few weeks ago.
    I deleted all the enfold files, and then installed new ones via ftp, and yes, I saw errors
    during the install (but did not copy them :(
    THe problems started when I began using the child theme as well – do I need to reinstall that?
    I will try to deactivate it……

    ok so without the child theme it works fine, and is displaying all of the quick css correctly.
    yeah! but can’t I use the child theme? I can always save my settings, but it’s better to use
    one, right? Should I deinstall it?

    thanks so much!
    N

    • This reply was modified 9 years, 5 months ago by Munford.
    #395883

    Hi!

    awesome! so at least now we know what is causing your issue. However child theme should work. Did you implement it correctly? please follow the instructions and download the child theme files here: http://kriesi.at/documentation/enfold/using-a-child-theme/

    Regards,
    Andy

    #395889

    I meant I saw these problems when I updated from 3.07 to 3.08 a few weeks ago.
    I deleted all the enfold files, and then installed new ones via ftp, and yes, I saw errors
    during the install (but did not copy them :(
    THe problems started when I began using the child theme as well – do I need to reinstall that?
    I will try to deactivate it…

    ok so I am seeing some of my styling, but not all.
    here is my quick css:

    /*fix fullscreen slider under menu issue*/
    .html_header_top.html_header_sticky.html_large.html_bottom_nav_header #main {
    padding-top: 154px;
    }

    /*change line height in lists – include*/
    li {line-height: 1.35em;
    }

    /*styling pricing tables?*/
    /*.tablepress td {
    padding: 1px 10px;
    }*/

    .wpgmza_map img {
    border:1px!important;
    }

    .wpgmza_map {
    border:1px!important;
    }

    /*swap excerpt for time/date in portfolio widget*/
    .news-link { overflow: visible !important; }
    .news-thumb { position: absolute !important; }
    .news-headline, .news-excerpt { padding-left: 45px !important; }
    .news-time { display: none !important; }

    /*table press description styling*/
    .tablepress-table-description {
    font-style: italic;
    font-size: 12px;
    }

    div .main_color .tabcontainer .active_tab {
    background-color: #fffff;
    color: #a6a6a6;
    }

    /*fix anchor link problems*/
    .js_active .grid-image {
    opacity: 1 !important;
    }

    /*fix anchor links caused by grid loading*/
    @media only screen and (max-width: 767px) {
    .grid-entry.flex_column.isotope-item {
    max-height: 248px !important;
    min-height: 248px !important;
    }

    /*table styling itinerary*/
    td {
    border-bottom-color: #ffffff!important;
    border-right-color: #ffffff!important;
    border-top-color: #ffffff!important;
    border-left-color: #ffffff!important;
    }

    td {
    font-size: 13px;
    padding: 1px 10px;
    border-style: solid;
    border-width: 1px;
    border-left: none;
    border-top: none;
    }

    /*fix font tab titles*/
    .js_active .tab {
    font-size: 12px;
    }

    .js_active .active_tab {
    font-weight: 600;
    }

    /*widget title size*/
    .widgettitle{
    font-weight: 600!important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 16px!important;;
    }

    /*===ICON BOXES===*/
    .iconbox .iconbox_content .iconbox_content_title {
    letter-spacing: 1px!important;
    font-size: 40px!important;
    }

    .iconbox_top .iconbox_content{
    padding: 20px 20px 20px 20px!important;
    }

    .iconbox {
    opacity: 0.8;
    }

    .iconbox_icon {
    display: none!important;
    }

    .image-overlay .image-overlay-inside {
    display: none;
    }

    /*===sidebar margins===*/
    .inner_sidebar {
    margin-left: 30px;
    }

    h4 {
    letter-spacing: 1px;
    font-weight: 500;
    }

    .content, .sidebar {
    padding-top: 30px;
    padding-bottom: 20px;
    }

    .container {
    padding: 0px 30px;
    }

    .content .entry-content-wrapper {
    padding-right: 30px;
    }

    /*margins above body*/
    body .column-top-margin {
    margin-top: 30px;
    }

    body .aligncenter, .entry-content-wrapper a:hover .aligncenter {
    margin: 0px;
    padding: 0px;
    position: relative;
    }

    #top .page-id-828 .iconbox_top {
    margin-top: 20px!important;
    text-align: left
    }
    .page-id-828 td {
    vertical-align: top;
    }

    /* Font rendering – fix fonts on firefox!*/
    body #wrap_all{
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    }

    /*===grid titles styling==*/
    .grid-entry-title.entry-title {
    font-size: 14px !important;
    font-weight: 500;
    font-family: ‘Oswald’ !important;
    /*text-transform: uppercase;*/
    text-align: center;
    text-color: #666666;
    }

    .grid-content {
    min-height: 85px;
    padding: 10px;
    }

    .grid-entry {
    padding-right: 5px;
    padding-bottom: 5px;
    }

    @media only screen and (max-width: 480px) {
    .grid-entry-title.entry-title {
    font-size: 13px !important;
    font-weight: 500;
    font-family: ‘Oswald’ !important;
    /*text-transform: uppercase;*/
    text-align: center;
    text-color: #666666;
    padding: 5px;
    }
    .grid-content {
    min-height: 55px!important;
    padding: 5px 3px 5px 3px;
    }
    .grid-entry-excerpt{
    font-size: 10px; font-style: italic; margin-bottom: 5;
    }}

    /*change color of tab background on mobile*/
    @media only screen and (max-width: 767px) {
    .responsive #top .main_color .tabcontainer .active_tab {
    background-color: #e6e6e6;
    color: #222222;
    }}

    @media only screen and (max-width: 480px) {
    h1 {font-size: 30px !important;}
    h2 {font-size: 20px !important;
    font-weight: 500;}
    h3 {font-weight: 500;}
    h4 {font-size: 14px !important;}
    body {font-size: 12px;
    line-height: 1.5em;}}

    @media only screen and (max-width: 767px) {
    .grid-entry {
    width: 50% !important;
    padding: 2px;}
    }

    /*fix padding on mobile*/
    @media only screen and (max-width: 480px) {
    /*margins above body*/
    body .column-top-margin {
    margin-top: 15px;}
    }

    @media only screen and (max-width: 480px) {
    .content, .sidebar {
    padding-top: 15px;
    padding-bottom: 10px}
    .content .entry-content-wrapper {
    padding-right: 2;
    padding-left: 2;}
    }

    /*increase container size mobile – limit!*/
    @media only screen and (max-width: 480px) {
    .responsive .container {
    width: 330px!important;
    }}

    /*widget title size*/
    @media only screen and (max-width: 480px) {
    .widgettitle{
    font-weight: 500!important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px!important;;
    }

    /*tab padding mobile*/
    @media only screen and (max-width: 767px) {
    .responsive .tabcontainer .tab_content {
    padding: 5px;
    }
    .tabcontainer {
    margin: 15px 0;
    }
    .tab_inner_content {
    margin: 0 5px;
    }
    .js_active .top_tab .tab {
    border-bottom: none;
    padding: 10px 10px 10px 10px;
    }
    .js_active .tab {
    font-size: 12px;
    }}

    /*fix padding mobile tab table content and borders*/
    @media only screen and (max-width: 480px) {
    td {
    font-size: 12px;
    line-height: 1.25em;
    padding: 5px 5px;
    border-bottom-color: #ffffff!important;
    border-right-color: #ffffff!important;
    border-top-color: #ffffff!important;
    border-left-color: #ffffff!important;
    }

    /*===active menu===*/
    .header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a, .header_color .main_menu ul:first-child > li.active-parent-item > a {
    color: #666666;
    background-color: #e6e6e6;
    }

    /*#header .current-menu-item
    {background-color: #e6e6e6;
    font-color: #ffffff;
    }*/

    /*===mega menu styling===*/
    #top #header .mega_menu_title a {
    font-size:14px; border-bottom: #ccc 1px dotted;
    }

    #top #header .mega_menu_title a:hover {
    text-decoration:none;
    }

    #header .avia_mega_div .units {
    border:none;
    }

    /*hide date widget latest portfolio*/
    .widget.newsbox .news-time {
    display: none !important;
    }

    /*increase padding under blog image*/
    .flex_column .template-blog .big-preview.single-big {
    padding: 0 0 20px 0;
    }

    /*fix sidebar logo header padding*/
    .html_header_sidebar .logo{
    padding: 30px;
    }

    /*.tabcontainer{
    margin: 10px 0;
    }*/

    /*table styling?*/
    .main_color table caption, .main_color tr:nth-child(even), .main_color .pricing-table>li:nth-child(even) {
    color: #666666;
    }

    ____________

    I am seeing some but not all of the changes, also some that worked fine before like the white borders on the itinerary pages like on this page: http://andes-world-travel.flywheelsites.com/trips/explore-col-40/#tab-id-2 which I have set and reset many times now. It is displaying black for me. So, not sure what is going on.
    thanks
    Nancy
    I read somewhere here that if there is a syntax error then the rest of the code does not get read- it that true?

    #395924

    Hey!

    are you still using a child theme? please deactivate it completely at first, to make sure it is not caused by it. Clear your browser cache. I can also see that you are using more than 40 plugins, which is really a lot! please deactivate all of them to make sure none is causing this issue. Let us know if that helps.

    Cheers!
    Andy

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