Viewing 30 posts - 1 through 30 (of 36 total)
1 2
  • Author
    Posts
  • January 4, 2018 at 8:28 am #893154
    Steamed

    Hi there, I can’t see any information on this so I’m sorry if I’m duplicating somehow.

    On my contact page I keep getting a white bar across the page horizontally below the header and I can’t find a way to remove it.

    White bar below header

    I also can’t figure out how to keep the ‘no transparency’ in the header but be able to remove the enfold logo and replace with my phone number. I can only remove that enfold logo and put my phone number there when I make the header transparent, but I don’t want it transparent.

    No transparency but with enfold logo
    Transparent with my phone number but I don’t want it transparent like this

    Any assistance you could provide would be greatly appreciate.

    January 4, 2018 at 12:47 pm #893213
    Rikard

    Hey Steamed,

    I think you are having some sort of problems with your hosting, I get redirected to the link in private when clicking all the links in your post.

    Best regards,
    Rikard

    January 4, 2018 at 10:48 pm #893447
    Steamed

    Yes this should be rectified this afternoon. Bad timing, sorry about this.

    January 5, 2018 at 2:24 am #893524
    Mike

    Hi,
    I also was redirected, please let us know when the site is back up.

    Best regards,
    Mike

    January 6, 2018 at 7:10 am #893971
    Steamed

    My website is up and running again. Thanks for your patience guys.

    January 6, 2018 at 1:34 pm #894069
    Rikard

    Hi,

    Thanks, site seems to be working fine now but all I can see is an under construction page. Please post admin login details in private so that we can view the site.

    Best regards,
    Rikard

    January 9, 2018 at 8:46 am #895146
    Steamed

    Hi Rikard, I’ve added the admin login details in the private window.

    Thanks

    January 9, 2018 at 11:22 am #895177
    Rikard

    Hi,

    Thanks for that, you are running a very old version of the theme. So first off, please try updating the theme to the latest version (4.2) http://kriesi.at/documentation/enfold/updating-your-theme-files/

    Make sure to back up your site before updating, in case you should need to roll back.

    Best regards,
    Rikard

    January 10, 2018 at 9:00 am #895552
    Steamed

    Thanks Rikard, I can’t find my login details to Envato.. was there another place that the API was stored? Is it inside the enfold download zip?

    I purchased it a few years ago with an email account that I shut down so I don’t like my chances of obtaining the relevant API

    January 11, 2018 at 5:41 am #895979
    Rikard

    Hi,

    Thanks for the feedback, could you try contacting Envato support to gain access to your account again maybe? We can’t really help you out with that unfortunately, since Envato handle all sales and distribution of the theme.

    Best regards,
    Rikard

    January 12, 2018 at 3:44 am #896390
    Steamed

    Ok I finally got my API and updated the them. Quite a bit of the dashboard looks different now from the old version of the theme that I was running but I still can’t find the solution. In fact now I have a new problem on this page where my phone number is not appear within the frame of the page but instead it’s sitting out to the left whereas it wasn’t before…

    Any help you can provide would be greatly appreciated.

    January 14, 2018 at 10:25 pm #897217
    Steamed

    Just bumping my post in case it slipped through the net with the delays my website outage produced.

    Thanks

    January 16, 2018 at 12:16 am #897761
    Ismael

    Hi,

    We are very sorry for the late response. What if you upload the phone number image as the theme’s logo? Please re-configure the heading and main menu settings after the update.

    Best regards,
    Ismael

    January 16, 2018 at 1:00 am #897769
    Steamed

    Thanks Ismael. I had looked and looked for a place to replace the theme logo but couldn’t find it until now… sorry about that. I did replace it but the phone number logo still displays out to the left of the main page frame, regardless of whether the header displays as transparent or not, which is the other problem I can’ figure out. I can’t figure that out.

    When you said reconfigure the main menu settings I’m not sure what that meant though.
    Thanks

    January 16, 2018 at 2:48 am #897815
    Ismael

    Hi,

    Where do you want to position the number? Please provide a screenshot or a mock up of the header design that you’re after.

    When you said reconfigure the main menu settings I’m not sure what that meant though.

    There’s a lot of menu/header settings added in the theme after the update so you have to reconfigure the Enfold > Main Menu / Header settings if there are any issue.

    Best regards,
    Ismael

    January 16, 2018 at 6:20 am #897897
    Steamed

    How it is right now
    Mock up
    I did a quick mock up but you get the general idea. The phone number used to sit like the mock up screen capture but for some reason it moved.

    Thanks

    January 17, 2018 at 7:24 am #898304
    Ismael

    Hi,

    Thank you for the update. You can adjust the position of the logo with the following css code.

    div .logo {
    left: 50px;
    top: 20px;
}

.header-scrolled .logo {
    top: 0;
}

    Best regards,
    Ismael

    January 17, 2018 at 11:05 pm #898738
    Steamed

    Ok sounds great, thanks Ismael… I have not idea where to put that code though. I tried adding it to the quick css and nothing changed. Is there some other spot that it’s supposed to go?
    Thanks

    January 17, 2018 at 11:25 pm #898757
    Mike

    Hi,
    It should work in the quick css, perhaps try this with the !important; instead

    div .logo {
    left: 50px!important; 
    top: 20px!important; 
}

.header-scrolled .logo {
    top: 0!important; 
}

    Best regards,
    Mike

    January 18, 2018 at 1:33 am #898836
    Steamed

    Thanks Mike but it still didn’t work. I already have some code in the in the quick css but i’m not sure what that was for… whether it was there from the theme or if it was something I added some time ago. I have worked on this site on and off for a few years so maybe the other code was to address a different issue. Is it possible that the two lots of code don’t work together well?

    Thanks

    January 18, 2018 at 1:52 am #898838
    Mike

    Hi,
    Yes that is possible, perhaps try saving the other css code to a text file, to see if this works correctly for you. If you see no change then you can put it back.
    When changing your site’s css, be sure to clear any cache plugin and your browser’s cache, as sometimes the browser cache can be misleading.

    Best regards,
    Mike

    January 18, 2018 at 5:17 am #898865
    Steamed

    Thanks again Mike. I tried removing the first piece of code and then clearing my cache before refreshing and it still didn’t work. Any more suggestions? Im happy for you to log in and see for your self if you’d prefer. I’ve posted the login credentials in the private section above.

    Thanks again

    January 19, 2018 at 1:20 pm #899665
    Mike

    Hi,
    I adjusted the code in your css: left: 50px!important; to left: 100px!important;
    and it seems to be more like you want, Please clear your browser cache and check.
    You can adjust this setting to site.

    Best regards,
    Mike

    January 20, 2018 at 12:41 am #899905
    Steamed

    Hi Mike, that’s great, thanks so much for your assistance. Out of curiosity, is there a way that that I can have that logo adjust it’s position depending on the window that people are viewing it at? Not to resize like the enfold logo can do but more so to slide to adjust for when the viewing window is widened or narrowed, as opposed to remaining static no matter what the viewing window is sized at?

    Thanks again, I really appreciate your help

    January 20, 2018 at 1:39 am #899911
    Mike

    Hi,
    Yes this can be accomplished with media queries such as:

    @media only screen and (max-width: 767px) { 
--your css rules--
}

    Just change the max-width to the screen size you are looking to target.

    Best regards,
    Mike

    January 26, 2018 at 10:27 pm #903546
    Steamed

    Thanks very much Mike, sorry about the lat reply. Do I have to add this through the back end (via cpanel) rather than through the WP interface?

    Thanks

    January 27, 2018 at 3:44 am #903613
    Mike

    Hi,
    This code would wrap the code we gave you earlier in your quick css.
    If you could show us the screen sizes that are a issue with screenshots, and where the logo should be, we could assist with this. The typical screen sizes would be 425px (mobile), 768px (tablet), 1024px (laptop), & 1440px and above (desktop)

    Best regards,
    Mike

    January 27, 2018 at 3:54 am #903614
    Mike

    Hi,
    If you use the Chrome browser it is easy to test your site for different mobile views. Please see these articles
    Simulate Mobile Devices with Device Mode
    Test Responsive and Device-specific Viewports

    Best regards,
    Mike

    February 3, 2018 at 11:34 pm #907312
    Steamed

    I’ve played around in the chrome browser like you suggested but i’m not sure I can resolve my issue there. I don’t necessarily want the phone number to remain in one single spot. For the sake of aesthetics I would like the left hand edge of the phone number to align with the left hand edge of the grey boxes in the main body section, regardless of how much the window has been shrunk or maximised. Is there a way that I can nominate that it align with those boxes and remain aligned regardless of browser sizes?

    Thanks very much

    February 4, 2018 at 11:12 am #907433
    Victoria

    Hi Steamed,

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

  • Author
    Posts
Viewing 30 posts - 1 through 30 (of 36 total)
1 2
  • The topic ‘Header problems that I can't figure out’ is closed to new replies.