Divi custom header on phone not matching others - header

I am using this divi tutorial from Elegant Themes: https://www.elegantthemes.com/blog/divi-resources/how-to-create-a-custom-global-header-with-divis-theme-builder
My Divi is up-to-date.
I have one section containing two rows each with one column. The first row has an image module with a logo and the second has a menu module. The section has a bottom border with rounded corners.
All of my sizing and spacing setting are the same for desktop, tablet, and phone.
It all displays correctly on desktop and tablet, but on the phone the right side of the section gets cut off and the rounded corner on the right disappears.
Desktop
Tablet
Phone
Any ideas what could be causing this?
Thanks.

Related

Android: Horizontal RecyclerView Layout with Cards is cutting off the bottom of larger layouts

It seems that the later cards (1st photo) are being cropped to the size of the biggest card that’s in the initial view (see card marked with red in 2nd photo). All the cards that would be bigger than that have the bottom of the view cut off/wrapped. I’m using a MaterialCardView with a ConstraintLayout inside that holds all the views you see in the card. The CardView, ConstraintLayout, and RecyclerView all have layout_height=wrap_content. I've tried changing setHasFixedSize() and a number of other random things around layout_height/width.
Any ideas to why that would be happening?
probably you put a android:layout_marginBottom on red marked card and using that for all of your cards . that will prevent the cards to show they're full content .
you can make you font or images smaller or change that android:layout_marginBottom

Xamarin - how to center controls using the IDE , visually?

I have a splashscreen / launchscreen. It contains a title (label), an image 300x300 and a small label that says copywrite info. I'm trying to center the 3 controls vertically so they fill the screen. (at least look nice) I can't figure out or find instructions how to center the 3. I can create vertical constraints, width contraints and constraints relative to the other controls. But they never appear centered on iPhone5, iPhone6, 6plus etc...
how do you center 3 controls vertically and horizontally using the IDE, so they appear correctly on ALL devices/layouts?
thanks in advance.
how do you center 3 controls vertically and horizontally using the IDE, so they appear correctly on ALL devices/layouts?
Its strange that Xamarin Studio doesn't have a quick auto layout toolbar similar to XCode where you can align your controls vertically or horizontally with one click.
But they provide one not so obvious way to do it.
1. Make sure when you place any control on any screen on storyboard, you place it vertical center with the help of guiding lines.
2. Once you place it click on the control again when it shows the constraint guidelines.
3. At the center of the control there is a dot, drag that dot to until you see the vertical guideline and place it once the line turns blue.
Now your control should be aligned vertically center for all devices.
Hope this helps, happy coding :)

new to Xcode 7 ; simple label will not center in the simulator

I am taking a class online and one of the projects is to create a label.
In Xcode, I have centered it on both the vertical and horizontal axis, but when I run the simulator, and its always to the right side, not centered. I even tried it with other simulated phones.
This happens with text fields too.
I'm really not sure what is wrong, because in Xcode it is displaying correctly.
Follow these steps.
First Drag and drop a UILabel.
2.Check below picture
Now click on the green circle icon (right - bottom corner, second from left) shown in below image
Then you can see a popup appears like below image, click on "Horizontally in Container" option.
5.Click on this red circle icon(right-bottom corner)(next to the previous green circle icon), Then you can see another popup like below image.
Now you can see a popup like this
In this Uncheck " Contrain to margins" options so it will look like this below image
Save and Run your code, so you can see the UILabel at center for all devices.
Output will be like

How to make photoshop right sidebar smaller?

I have OS X El Capitan 10.11 and Photoshop CC 2015. My issue is width of right sidebar - I want to make it narrower, because currently is way too wide for me and it makes workspace way too small to work on big files. I'm trying to hold LPM on one side of sidebar and I can make it wider, but can't make it narrower. I'm enclosing screenshot with selected sidebar and current width. How I can make it narrower?
Thank you for help!
Click here to see screnshot
Each panel has a different set with, for example Color/Kolor is actually thinner than Swatches/próbek. So I imagine the right hand sidebar will not reduced down in width lower than the largest panel. If you drag both Kolor and próbek off the right hand menu and create them as floating tabs you can then scale them as small as possible to see what I mean. They can then be locked back into the right hand menu

How to layout the UIlabel object according to design spec in iOS

I have some difficult time in creating iOS screen to match with visual design provided by design team.
The design team has provided the spacing info for each screen which shows how much space each text needs to be apart from other UI element on the screen. This is attached for your reference. You can see here that the two text labels "Activate Your Account" and "A Verification link...." are placed apart by 25px.
The same thing I am trying to achieve in the storyboard. I am attaching the storyboard screen snapshot for reference.
From this you can see that I cannot keep exactly 25px b/w the two text labels because for the following issue
The text font is custom font and I cannot load the same in storyboard. I have added the font file in the project, but when I try to open it in storyboard for UILabel, it doesn't list out. I am not sure why xcode doesn't show up. This makes me hard to resize the label's frame. If I try to decrease the empty space in the label (upper and lower part of the text), this will make label height less, but when I set the font programmatically, it doesn't fit in this small space.
When I try to increase the height of the label, the text inside the label starts displaying at the center leaving space at the top and bottom of the label frame.
So I want to know how to solve this problem. If anyone had this issues and sorted out, please let me know how to fix this.
Many Thanks
Your designers aren't speccing their designs correctly :) Show them how iOS renders text and have them spec their designs in the same way. This is what we do on the Facebook design team. I mocked up an example for you (each square is 4dp/8px).
http://i.stack.imgur.com/q4tZX.png