Jump to content

Archived

This topic is now archived and is closed to further replies.

daragh

Problem with menus / nav styling when updating Pagelines Framework / iBlogPro theme

Recommended Posts

daragh    0
daragh

Hi,

 

I've a client who I setup with the Pagelines Framework (2.1.6 at the time) and iBlogPro (5.1.1 at the time).

 

All was fine - I think he then hired someone to do SEO who updated Wordpress, the Framework and the themes and since then there's been problems.

 

Note that I'm using WP 3.7.1, I've added no plugins other than the Pagelines Framework theme and iBlogPro theme - i.e. WP is in an otherwise out of the box state.

I have re-imported the site data.

 

I decided to go back and rebuild the site on a seperate server, using the versions used at the time (except for Wordpress). All seemed well, except that I'm getting a serious looking bug in the page / post editor screen under the select templates dropdown (see screengrab pagelines-template-error.jpg).

 

The menu looks 100% as we want it though (screengrab pagelines-menu-1.jpg). The colours / shading is correct, the right amount of space between the top level nav wording and the down arrow etc.

Note at the top left I specify the Framework and iBlog theme version.

 

So, I then update the Framework to version 2.4.4 - which FIXES the page template error thing, but breaks the menu (screengrab pagelines-menu-2.jpg).

 

I then thought perhaps I need the latest iBlog version, so update that to ver 5.2.5 (screengrab pagelines-menu-3.jpg).

 

Still the menu isn't quite right - and the right drop down arrows are on top of the nav label text.

 

I feel that the framework must be updated (as I've done) in order to seemingly prevent some pretty serious looking admin errors that I'm seeing on the live site.

But we really want to preserve the exact look and feel of the nav as in screengrab pagelines-menu-1.jpg.

 

Can you help / suggest some CSS / change to fix this?

 

Best Wishes,

 

Daragh Mulvey

Information Managers

 

 

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi,

 

I apologise, but I am not quite sure what your issue is, is the menu styling not working as intended, is that the issue ?

 

And you think that it should look like your attachment image 3 ?


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
daragh    0
daragh

Hi,

 

We want the menu to look as it did when the site was first launched - i.e. it should look as per screengrab pagelines-menu-1.jpg.

 

However, the framework updates and iBlog update changes that look - it now looks as depicted in screengrab pagelines-menu-3.jpg with problems with the arrows on the drop downs etc.

 

Again, you can see this live now on http://www.information-managers.com/kc_rebuild/ So I want to have it look as it did in screengrab pagelines-menu-1.jpg.

 

Thanks for your attention on this.

 

-Daragh

Share this post


Link to post
Share on other sites
James B    436
James B

Hi there,

 

I'm getting a 404 on the rebuild link.

 

Do you have the url to the original site? If so we could look at the css in the drop down to see what you need to adjust on the new site.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
daragh    0
daragh

Hi,

 

I've just checked: http://www.information-managers.com/kc_rebuild/ and the link is up / working fine.

 

Dunno why you couldn't see it. I've attached a JPEG that shows the URL in the screengrab just in case this form is messing it up.

 

I can rebuild a quick default site using Pagelines 2.1.6 and iBlogPro 5.1.1 and put it up on my server if you like but bear in mind that we didn't edit these in any way whatsoever - and this is exactly how we want the nav to appear.

 

That said, I have put up a new default Paglines 2.1.6 and iBlogPro 5.1.1 for you to look at.

It's here: http://www.information-managers.com/pagelines_216/

 

Thanks so much for your help.

 

-Daragh

Share this post


Link to post
Share on other sites
James B    436
James B

Hi Daragh, very strange but I'm unable to view any of your links, all going to 404.

 

http://screencast.com/t/mHwpYdxjz

 

http://screencast.com/t/FqVyyFpsBl

 

Anyway, in your iblog proo theme, check in the iblogpro settings that the menu theme is selected - http://screencast.com/t/hbPWTdsZ that will put in the default color scheme for the drop downs. Without being able to see the site I can't tell if the menu was edited with css or not, but if selecting the default scheme doesn't have any effect then I'd imagine the colors were adjusted with css.

 

The css for the sub menu on the default scheme is

 

#nav .main_nav .sub-menu a {
    background: none repeat scroll 0 0 #5A5C5E;
    border-right: medium none;
    text-shadow: none;
}

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
daragh    0
daragh

James,

 

Can you let me know where / from what IP you're coming in - I want to get my Hosting ISP to look into why you can't see these pages...

 

-Daragh

 

PS The iBlogPro setting you mention was unchecked - I did then check it, but it made no difference...

Share this post


Link to post
Share on other sites
daragh    0
daragh

Actually,

 

The Framework change to 2.4.4 changed the nav somewhat, then the iBlogPro changed it more.

 

I'm wondering if you could be so kind as to point out where specifically (in both) the CSS is specified for the nav layout.

 

I'm thinking maybe I could make a child theme of iBlogPro and replace some of the CSS from the earlier versions?

 

Is this a suitable approach?

 

ALSO - just in terms of your not being able to see the sites, if you could possibly go http://www.whatismyip.com/ and let me know (perhaps by email) what your IP is I can get it to my hosting co to see if they can figure out what's wrong - very odd that you can't see the sites...

Share this post


Link to post
Share on other sites
James B    436
James B

Hi, yeah any css you enter as a custom child theme or in the css box will override. Like the snippet I pasted above, you should see a change on entering that and saving. I've pm'd you.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites

  • Similar Content

    • khat
      By khat+
      I think I may have installed pagelines pro incorrectly, and then used features incorrectly. I installed first platforms framework theme and then the child, thinking I could do setup for child later. I tried to set up a background image, and tried custom css feature in pagelines dashboard. I had mistakes in my css, and just thought that if I deleted the info in the css custom feature in pagelines dashboard that the new information would overwrite the old info. The background image didn't respond at all, probably because I didn't have the child directory renamed. I then tried to use the LSS plugin to create css and added more css, possibly, somewhere -sigh-. I never did change the background image and get it placed properly. I used a workaround and in nested containers I placed a background image which worked well enough, so I moved on to try to create my nav bar/ menu bar. When I go to the Menus panel, there is NO area where I can place a menu on a page. I have read and reread and re- re- reread the instructions for placing a menu. I've used the pagelines editor to place a menu, however only HOME shows up. I've been at this for many hours. I've since uninstalled all of my pagelines items and reinstalled, thinking that it would restore all my changes to default, but no, it is still all there, with all my unresolved issues. I am completely at a loss as to what to do next.
    • Jarek
      By Jarek+
      How to make the Impulse menu sticky?
      Here is a site that seems like it is doing just that: http://www.manhattanperiodontist.com/
      Here is the site I am working on: http://boeriu.digitalvector.com/ 
      I have no problem showing the menu at the bottom, but when scrolling up it does not stick.  I tried to add Nav Pro menu but when I do that, it just shows on top and no matter what I try is not working as I want it to.
      Any suggestions?
    • Dave
      By Dave+
      1) Toggle menu on mobile devices does not work properly, combination Chrome 56.0.2924.87 with Android 6.0.1

      2) Mobile / Default Menu > Set the primary/default navigation for your site. This will be used in the pop out mobile menu and as the default in navigation sections. Does not work.
    • David
      By David+
      We are building a long-page scrolling site with Pagelines 5. Our menu is made with # links that go to a container's unique ID, e.g. container_ux7al6g
      This works, but it doesn't look great in the menu. Is it possible to assign a 'nice' # link, e.g. /#solutions ? 
      We used to do this in the DMS2 platform through a workaround, but that doesn't seem to be possible now. 
      Any suggestions? 
    • dougalperman
      By dougalperman+
      Hi there,
      I'm a big fan of Pagelines, and have been for years.
      I'm trying to control the size of video embeds and having some difficulty. I see that I can just paste the Vimeo video URL into the post and an embed widget will automatically appear, which is great. But the embed box created is much taller that the video (689 x 1000 pixels) so the content sits in the middle of a tall black box, which looks awkward.
      I tried using the full iFrame embed code from Vimeo, which solved the disproportionate embed frame size (or aspect ratio) issue, but despite specifying the dimensions I want (690 x 388), the videos displayed on the post are sized at 300 x 150 pixels.
      I can't work out how to change either.
      I'm using the latest version of Pagelines Framework (Pro) with the Agency them.
      Any help or advice very much appreciated.
      Thanks,
      Dougal
×