Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • January 8, 2016 at 4:37 am #561794
    steve55555

    How Do I get the tel number on the left in the header and the address on the right?

    I have added code I’ve used to private.

    Please note I will need this to be responsive so it works on smaller screens and changes size as the menu shrinks upon scrolling!

    Many thanks for any advice

    January 9, 2016 at 5:20 am #562294
    Rikard

    Hi steve55555,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Thanks,
    Rikard

    January 10, 2016 at 5:40 pm #562747
    steve55555

    added below

    thanks

    January 11, 2016 at 7:32 am #562937
    Rikard

    Hi,

    The markup you are using in the widget will make that a bit difficult, could you try adding another widget for the two different sets of text? Send us an admin login in private as well.

    Thanks,
    Rikard

    January 11, 2016 at 2:08 pm #563120
    steve55555

    added

    January 11, 2016 at 4:30 pm #563293
    Vinay

    Hey!

    Please check the frontend now.

    Actually the design you are trying to achieve requires a lot of customization work to make it look good in every screen you need to probably hire a freelancer or someone to code this whole thing for you but if you are looking to do this on your own we are more than happy to help you get started on this…. You can also play around with below css and mix it up with media queries and achieve the design you are looking for.

    
	#header .widget {
  left: 50px;
  right:50px;
  padding-top: 25px;
  position: absolute;
  top: 0;
  z-index: 999;
}

	.meta-phone {
		float: left;
	}	
	.meta-phone span {
		display:block;
	}
	.meta-address {
		float: right;
	}

    Best regards,
    Vinay

    January 11, 2016 at 7:17 pm #563432
    steve55555

    Ok that’s fine – whatever you think will look good.

    The css is in the general css theme settings within wordpress. I only used this markup for SEO purposes

    January 11, 2016 at 7:26 pm #563437
    steve55555

    Oh, I thought the theme was supposed to be responsive? What is it that’s making it difficult? Would it be much easier if I had just the number in the header then?

    January 11, 2016 at 11:20 pm #563551
    Vinay

    Hi!

    The theme is fully responsive but when you add some new elements to the theme which is not already there only those extra elements will have to be coded from scratch as it did not exist earlier.

    You can check out all the demos here http://kriesi.at/themes/enfold-overview/

    What i would suggest to you to do is add address in contact us page and move the phone number to the right. Let us know if that is something you like to do.

    Best regards,
    Vinay

    January 11, 2016 at 11:44 pm #563566
    steve55555

    Hi,

    Yes ok if the number alone will fix the problems and be ok on different screens then let’s do that. Don’t worry about contact details on contact page I can do this.

    Many thanks.

    January 13, 2016 at 3:51 am #564294
    steve55555

    Hi Vinay,

    Any news on this?

    Thanks

    January 13, 2016 at 9:28 am #564441
    Vinay

    Hey!

    Please check the frontend of the website. The following css have been applied in the quick css to code the contact info in the header this.

    
/* Header contact info*/

#header .widget {
  left: 50px;
  right:50px;
  padding-top: 25px;
  position: absolute;
  top: 0;
  z-index: 999;
}

.meta-phone {
    float: right;
    padding-top:10px;
}   
.meta-phone h3{ 
font-size:18px;
color:#FFF!important
}
.meta-phone span {
    display:block;
}

@media only screen and (max-width: 768px) {
    /* tablets and desktop */
  .meta-phone {
    display:none;
} 
}

    Best regards,
    Vinay

    January 13, 2016 at 4:10 pm #564773
    steve55555

    Hmm, it doesn’t resize like the logo and so the telephone gets a big white line through it.

    How long would a freelancer need to fix this on all screen sizes do you think?

    January 13, 2016 at 4:23 pm #564780
    Yigit

    Hi!

    Only few hours in my opinion. You can hire a freelancer here

    Cheers!
    Yigit

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.