Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • April 4, 2014 at 2:51 pm #247474
    jamesf1989

    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.

    April 7, 2014 at 3:50 am #248016
    Yigit

    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

    April 7, 2014 at 12:29 pm #248133
    jamesf1989

    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.

    April 9, 2014 at 11:14 pm #249456
    Yigit

    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

    April 17, 2014 at 11:36 am #252601
    StMo

    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

    April 17, 2014 at 11:37 am #252604
    StMo
    This reply has been marked as private.
    April 17, 2014 at 11:41 am #252606
    jamesf1989

    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.

    April 18, 2014 at 11:07 am #253100
    jamesf1989

    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, 7 months ago by jamesf1989. Reason: Solved one of the issues
    April 19, 2014 at 1:14 am #253352
    Yigit

    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

    April 19, 2014 at 9:55 am #253443
    jamesf1989

    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.

    April 21, 2014 at 4:35 pm #253908
    Yigit

    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

    April 21, 2014 at 5:14 pm #253932
    jamesf1989

    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.

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