Jump to content

Archived

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

dreamsight

Responsive hooker

Recommended Posts

dreamsight

We add phone number to the top right of sites using hooker (example http://hub.theasap.org.uk/) but it's not responsive. Is there a better way to add here, which would be responsive?

Share this post


Link to post
Share on other sites
Simon

Where did you add the number? I dont see it.

Share this post


Link to post
Share on other sites
dreamsight

Typical, customer has requested the number removed and "The Voice of the Serviced Apartment Industry" put in it's place.

We use pagelines_navbar_before_menu hook

Share this post


Link to post
Share on other sites
Simon

You have used a fixed font size

Either use media queries to change the text size for different screen sizes or use vw..

font-size: 2.5vw; for example.

Share this post


Link to post
Share on other sites
dreamsight

thanks for getting back to me. Handy with the font size.

Sorry I didn't explain properly. When the menu changes to mobile button it splits the hooker text up. I'm looking for the hooker text to be top or bottom of the menu button.

Share this post


Link to post
Share on other sites
Danny

You're going to need to use a media query for mobile devices and then add some styling. Try this (untested)

@media screen and (max-width: 568px) {
  .tagheader
    position: absolute;
    top: 4em;
    right: 0;
    font-size: 2.6vw;
  }
}

This should position the tagheader beneath the mobile hamburger menu.

If that doesn't work, play about with the media query and styling, as it should be the right approach.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
dreamsight

Thanks Danny. When I add this it doesn't change the position of the hook/mobile-menu, they are still on the same line.

Also I get... /* LESS PARSE ERROR in your Custom CSS: parse error: failed at `.tagheader` line: 1188 */

I've tried deleting the extra } and tried moving the { to after .tagheader
 

Share this post


Link to post
Share on other sites
Danny

The code has been updated, it had an error. Please be aware that this was created without really testing, so you may need to make some adjustments.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
dreamsight

error's gone, but it's still doing the same.

It's easier to show you what I mean, attached. The top is what's happening and either of the other 2 options are what we need.

I can change the text to an image, which stops it wrapping to 2 lines, but it will be too small if it's still inline with the menu.

hooker.png

Share this post


Link to post
Share on other sites

  • Similar Content

    • Grant Turck
      By Grant Turck+
      Navbar Broken on All Devices When Not Logged Into Wordpress. See screenshots attached from mobile. What is causing this issue and how do I fix? Site is venicepride [dot] org.


    • PierreFF
      By PierreFF+
      Hello, 
      I have an issue with NavPro on mobile when the link of the menue is on the same page. 
      Here is my website: http://foundersofthefuture.co
      The isssue comes from the fact that in my menue most of the items send somewhere else on the same page using anchor link (eg. #container_u788888). 
      This works well on desktop but on mobile, nothing happens when clicking on the link. One of the link of the menue of the homepage "France" sends to another page of the website and this one works well even on mobile. 
      I am using the Pagelines framework theme and also used a wordpress plugin (jQuery Smooth Scroll) for smooth scrolling . 
      Thanks in advance for your help and let me know if I need to provide more information. 
      Best,
      Pierre
    • tristanrodgers
      By tristanrodgers+
      Hi there!
      I'd love to have some social media buttons in my navbar like my online-shop has!
      http://mc1r-magazine.com/
      Can someone explain me how to create them? I tried a lot but don't know how to realize them...
      Greetings from Germany,
      Tristan
    • jeomiland
      By jeomiland+
      Hi guys. Just now trying out Platform 5. I like the reletive simplcity of the new interface but there are things I'm used to in DMS that I'm not seeing yet in 5. Is there a good manual, documentation, video series about some of the basics?
      In particular, I've got a simple navigation menu, created the standard way in WP menus section with several top level parents, then 3-4 children menu items below a couple parent items. Have them moved to the right to create the standard parent-child relationship but all I see on the page is the parent level items - no dropdown!. So I changed themes from Platform5 to the standard 2015 default theme and now I see absolutely no menu at top, except for the mobile (hamburger?) icon.
      In DMS, one had Navi and Navbar, etc sections and each would work differently and give different results. How do you work the menu system in 5? And how get different results ?
      thanks
    • art23130
      By art23130+
      We had a very nice shortcodes library and hooker in the previous version of the platform. But in the version 5 they are missing. 
      So are you going to improve it again in future or no they are not supported anymore? 
      and one more question, what do you suggest for sharing bar which we had in DMS2 ?
      Thanks for your effort 
×