• Resolved creativemind1

    (@creativemind1)


    I’m experiencing some strange problem. This is the website. Just visit it and hover over clocks and then click on any menu (aka nav). It will take you to any particular page. Now just go back (either by pressing backspace or that left arrow mark. Once you go back, that box misplaces and the clocks reduces to 4 from 5. Why so?

    I understood somewhat and I think this is the code where the problem is getting arise. When I saw that in inspect element, the problem is getting resolved once I increase width in the following code
    <div id=”main_content” class=”home_content” style=”display: block; opacity: 1; margin-left: -176px; top: 168.5px; height: auto; margin-top: -201.5px; padding: 0px; width: 352px;”>

    I tried my best to find this everywhere (even in CSS) but I didn’t find anywhere except the following code
    <div id=”main_content” <?php if ( is_home() ) echo ‘ class=”home_content” ‘ ?>>

    Note: I have contacted Gleam theme but they gave a free hand that they can’t do that.

    Thanks

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter creativemind1

    (@creativemind1)

    Well,

    Problem was there in Custom.js file in Gleam theme of elegant and I fixed that..

    Thanks

    Hey. I can’t replicate the problem you’re having – I’ve tried in Chrome and FireFox. Did you manage to resolve this yourself? If not, then what browser are you using? Have you tried clearing the cache?

    Regarding trying to locate the inline styles in the code you posted: style="display: block; opacity: 1; margin-left: -176px; top: 168.5px; height: auto; margin-top: -201.5px; padding: 0px; width: 352px; These are being generated using JavaScript, and the values for them change depending on the size of the screen.

    Unfortunately, as Gleam is premium theme, I am unable to download it and try to test for solutions myself. I will have to redirect you to the official support channels for this theme: https://www.elegantthemes.com/contact.html. I know you’ve already contacted them, but please do try again, as they are in the best position to help you.

    Thread Starter creativemind1

    (@creativemind1)

    These are being generated using JavaScript, and the values for them change depending on the size of the screen.

    Exactly!! That is how I solved the problem.. But I don’t know it can be solved with JavaScript.

    Hey how did you know that it can be solve with JavaScript ( just asking for future purpose?) and you’re right!

    The technique which I applied was first found the class of ‘cross mark of close button’. I found that and there was something Jspanel included in it. I thus begin hunting in the javascript files and then boom!!! I found with width of 352px which I changed back 532px and everything get solved!!..

    Glad you fixed your issue! I knew the CSS was being generated with JavaScript as the values were dynamically changing depending on the size of the screen. Also, for the majority of times, when you see inline CSS in a WP.org hosted or in a premium theme, it is probably there due to JavaScript.

    Thread Starter creativemind1

    (@creativemind1)

    Thanks for your help. I’d really appreciate you if could try to help me in more issue which is heavy than this. Website mess up in IE6. There were 159 erros in validator and 6 left. Can you or anyone tell me how I could resolve this issue?

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Theme Doesn't Return To Same Position When Clicking On Back Button’ is closed to new replies.