Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #247474

    Hey,

    I purchased the Enfold theme earlier today, and have a few questions about a few issues:

    1) In my mobile browser, the small menu icon overlaps my logo. How can I make the logo resize even smaller so it fits in the header better?

    2) Still in my mobile browser, the small menu icon disappears altogether for WordPress pages (but not posts). How can I make the menu icon appear for pages too?

    3) When I follow the “Shortcode” process for inserting an animated image, the image shows up as white when you view the page (in both the latest version of Chrome and Firefox). Although I notice if I click and drag on the empty white space where the image should be, the image is attached to the cursor as normal. How can I fix these animations to work properly?

    Thanks!
    – James Francis.

    #248016

    Hi jamesf1989!

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

    @media only screen and (max-width: 767px) {
    .responsive .logo a, .responsive .logo img {
    height: auto !important; }}

    2 & 3 – Can you post the link to your website and point out the sections so we can take a look?

    Regards,
    Yigit

    #248133

    Sorry buddy, that didn’t work. See the issue here: http://mobiletest.me/iphone_5_emulator/#u=http://www.JamesFrancis.com

    As for 2 & 3, you can see the issue by going to the “About Me” page in the menu at the link above. The menu icon disappears completely.

    Any ideas?

    Thanks,
    – James.

    #249456

    Hey!

    Sorry to hear that your website was hacked James. I wanted to have another look but saw the message on your website. Do you now have a development site where we can take a look?

    Cheers!
    Yigit

    #252601

    Hey,
    I’ve got the same problem that jamesf1989 described under 1) .

    @media only screen and (max-width: 767px) {
    .responsive .logo a, .responsive .logo img {
    height: auto !important; }}

    didn’t work for me either.

    Is there an other approach to solve the issue?

    Thank you!
    Julia

    #252604
    This reply has been marked as private.
    #252606

    Ok – my website is now back online, so you can see what I mean by using the link I provided earlier:

    http://mobiletest.me/iphone_5_emulator/#u=http://www.JamesFrancis.com

    Thanks!
    – James.

    #253100

    EDIT: No worries – I’ve just fixed the excepts not showing on the home page using the advanced editor… But my problems in the above posts are still unsolved…

    • This reply was modified 10 years, 8 months ago by jamesf1989. Reason: Solved one of the issues
    #253352

    Hi!


    @stmo
    Please use following code instead

    @media only screen and (max-width: 480px) {
    .responsive .logo a, .responsive .logo img {
    max-width: 80%;
    height: auto!important; }}


    @jamesf1989
    Please add following code to Quick CSS

    @media only screen and (max-width: 1140px) {
    .av-main-nav > li > a { padding: 0 7px; }}

    Then go to Enfold theme options > Header > Mobile Menu > Header Mobile Menu activation and choose 990px.
    For menu problem, can you post the link to a page where it does not appear? I checked your pages and it seems fine on my end.
    For animated image also, please point out the page and image

    Cheers!
    Yigit

    #253443

    Thanks for the reply Yigit, but the problem is still there (i.e. the menu still overlaps the logo) after following those steps. See here: http://mobiletest.me/iphone_5_emulator/#u=http://www.JamesFrancis.com

    Any more ideas? :-(

    Thanks,
    – James.

    P.S. As for the animated image, I’ll get to that later today.

    #253908

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 480px) { 
    .responsive .logo a, .responsive .logo img {
    max-width: 90%;
    height: auto !important; }}

    Cheers!
    Yigit

    #253932

    Thanks for that – it worked perfectly! I’ve also fixed the animated image problem (using the advanced layout editor instead of just attaching the CSS class to the image).

    Thanks again!
    – James.

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘A Few Issues’ is closed to new replies.